Ciao a tutti,
sono all'inizio con l'uso dei css, non capisco bene il meccanismo.. arrivo da impaginazioni con tabelle.
Mi potete postare il codice per un semplice layout così diviso:
riga di sinistra larghezza 100px;
riga centrale il 50% dello spazio rimanente;
riga di destra l'altro 50% dello spazio rimanente;
Fatemi sapere.
Grazie mille.
con i float:
codice HTML:<style type="text/css"> <!-- * { margin:0; padding:0; } #main { } #leftColumn { float:left; width:100px; } #rightColumn { margin-left:100px; width:auto; } #left { width:50%; float:left; background-color:#CCCCFF } #right { width:50%; float:right; background-color: #CC66FF } --> </style> </head> <body> <div id="main"> <div id="leftColumn">colonna da 100px</div> <div id="rightColumn"> <div id="left">div sinistro</div> <div id="right">div destro</div> </div> </div> </body> </html>
Grazie mille!!
Devo capire bene il meccanismo che varia rispetto alle tabelle.. sono le prime pagine che sviluppo così quindi ho dubbi anche su cose banali.
Gentilissimo.. alla prossima!!
Un altra domanda:
se la larghezza della colonna di sinistra fosse "automatica" in base all'elemento (immagine) che sta dentro e la restante parte fosse sempre 50% e 50%, come dovrei modificare?
ho sistemato mettendo il valore della laghezza dell'immagine al posto di 100.. anche se non so come si comporta se inserisco immagini con larghezze differenti..
Permessi di invio
Rispondi quotando