Problema con i DIV

di il
2 risposte

Problema con i DIV

Salve, come potete vedere sono alle primissime armi nel mondo della programmazione..
Sto cominciando a scrivere col linguaggio HTML, ma ho un dubbio.. Ho creato la struttura e il menu iniziale .. ora nel body volevo inserire 3 colonne separate attraverso i DIV, l'ho fatto anche in questo modo :
NEL MARK-UP
<div id="colsin" class="flotta"> colonna sinistra
</div>

<div id="colcen" class="flotta"> colonna centrale
</div>

<div id="coldes" class="flotta"> colonna destra
</div>
NEL CSS

.flotta { float:left ; }
/*COLONNA SINISTRA */
#colsin { width:266px ; height:800px ; margin-right:2px; margin-top:2px ; color:#aea ; background:#ccc ; }

/* COLONNA CENTRALE */
#colcen { width:266px ; height:800px ; margin-right:2px; margin-top:2px ; color:#aea ; background:#ccc }

/* COLONNA DESTRA */
#coldes { width:266px ; height:800px ; margin-right:2px; margin-top:2px ; color:#aea ; background:#ccc }
il problema è che quando apro la finestra (non a tutto schermo) le colonne non restano schierate, ma si accodano una sotto l'altra... Perchè ?

2 Risposte

  • Re: Problema con i DIV

    Ciao, per i tre div tu hai impostato una larghezza di 266px.Moltiplicato x 3 fa 798.
    Se la larghezza della finestra è inferiore i tre div non hanno spazio per essere allineati.
  • Re: Problema con i DIV

    E come faccio a mettere che tutti e 3 le colonne rimangano allenieate? E quindi magari spostare col cursore della pagina a destra e sinistra?
Devi accedere o registrarti per scrivere nel forum
2 risposte