Visualizzazione dei risultati da 1 a 5 su 5

Discussione: colonna 100%

  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    122

    colonna 100%

    Ho 3 colonne....

    la prima a sinistra con un sfondo ripetuto con larghezza fissa (es. 100px)

    la seconda centrale che contiene il menu ed è a larghezza fissa (es. 100px)

    la terza contiene i contenuti e uno sfondo e dovrebbe andare all'infinito la sua larghezza quindi deve andare al 100% come fare?

    Chiaramente tutte le colonne hanno float left quindi se metto 100 % me la mette sotto e quindi non va bene, ma pultroppo non posso mettere una grandezza fissa anche alla terza colonna perchè dipende dalla risoluzione di ogni schermo la sua visualizzazione. Chi avrà una soluzione maggiore deve vederla più grande....

  2. #2
    puoi non usare il float ma il margin.

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    122
    in che senso?

  4. #4
    io creerei un container esteso per larghezza al 100% (magari con un min-width così dopo un tot non si ridimensiona più)

    dentro ficcherei i due div fissi con il float:left e creerei un altro div con margin-left pari alla somma dello spazio occupato dai due div sopracitati. (se fossero di larghezza 100px, non contando i vari padding, margin etc sarebbe margin:200px)

    in questa maniera dovrebbe avere l'effetto che vuoi tu!

  5. #5
    non sò se sono riuscito a spiegarmi col mio italiano maccheronico... questo esempio dovrebbe far capire quel che volevo intendere

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="charset=windows-1252">
    <title></title>
    <style type="text/css">
    body{margin:auto}
    
    div#container{width:100%;min-width:800px}
    
    div#float1{float:left;width:100px;height:100px;background-color:#ff0000}
    div#float2{float:left;width:100px;height:100px;background-color:#ff00ff}
    div#content{margin-left:200px;background-color:#ffff00}
    </style>
    </head>
    <body>
    <div id="container">
    <div id="float1"></div>
    <div id="float2"></div>
    <div id="content">
    test test test test test test test test test test test test test test test test test test 
    test test test test test test test test test test test test test test test test test test 
    test test test test test test test test test test test test test test test test test test 
    test test test test test test test test test test test test test test test 
    </div>
    </div>
    </body>
    </html>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.