Ciao a tutti
ho creato una struttura a 2 colonne con larghezza fissa. L'altezza è variabile.
Ho riscontrato un problema che non riesco a risolvere in alcun modo. Questo è il CSS
e questo è l'htmlCodice PHP:<style type="text/css">
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background-color: #002e5c;
background-image:url(bg.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#main {
width: 949px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#rightcolumn {
float: left;
width: 729px;
background-color: #efefef;
height: 100%;
}
#leftcolumn {
float: left;
width: 220px; /*Width of left column*/
margin-left: -949px; /*Set left margin to -(MainContainerWidth)*/
height: 100%;
}
div.menu {
width: 220px;
height: 530px;
margin: 0;
padding: 0;
background: url(gfx/sfondo_menu.png) no-repeat;
}
div.sfondo {
width: 220px; /*Width of left column*/
height: 100%;
background: url(gfx/sfondo_menu.gif) repeat;
}
#footer {
clear: left;
width: 949px;
height: 29px;
background: url(gfx/sfondo_piede.png) no-repeat;
color: #FFF;
text-align: center;
padding: 0px 0;
}
</style>
Il mio problema è che lo sfondo della colonna di sinistra che dovrebbe continuare PER TUTTA L'ALTEZZA della colonna destra, invece termina quando terminano i contenuti della colonna sinistra, perciò io mi ritrovo con 1 colonna mezza vuota (ho provato anche mettendo lo sfondo, ma il risultato è uguale. Ho visto che ci sono delle soluzioni con layout fluidi e le ho anche provate senza successo.Codice PHP:<div id="main">
<div id="contenuto">
<div id="rightcolumn">
<div class="innertube">Contenuto destra </div>
</div>
</div>
<div id="leftcolumn">
<div class="menu">Contenuto sinistra</div>
<div class="sfondo"></div>
</div>
<div id="footer">Footer</div>
</div>
Ho provato a creare un altro div (chiamato sfondo) sotto il div menu... ma niente da fare... essendo vuoto non mi fa vedere nulla....
Grazie a chi mi risolverà sta cosa.

Rispondi quotando