ciao a tutti,
ho questo foglio di stile:
e una pagina html del tipo:codice:/** stili per l'header */ div#header { background-color: darkblue; color: white; } /** stili per il footer */ div#footer { clear:both; background-color: darkblue; color: white;} /** stili per il container */ div#container{ border: 2px;} div#leftcolumn { float: left; background-color: thistle;} div#rightcolumn { float: right; background-color: red;} div#centercolumn { background-color: yellow;}
il problema è che se, come nell'esempio, ho una delle tre colonne più lunga della altre, nella altre due colonne il colore di sfondo si vede solo fine alla lunghezza del div stesso, ossia fino a dove c'è il testo (nell'esempio, nelle prime due colonne si vede solo una riga col colore di sfondo, nella terza colonna s ne vedono tre). Come faccio a far vedere il colore di sfondo per su tutte e tre le colonne fino al footer?codice:<html> <head> <link rel="stylesheet" href="layout.css" type="text/css"> </head> <body> <div id='header'> ciao </div> <div id='container'> <div id='leftcolumn'> ciao </div> <div id='rightcolumn'> ciao ciao ciao </div> <div id='centercolumn'> ciao </div> </div> <div id='footer'> ciao </div> </body> </html>
Rispondi quotando