Ciao, sto cercando di fare il mio primo layout basato su css e ho qualche problema: il layout ha tre colonne e dovrebbe essere ancorato a sinistra, le prime due colonne con larghezza fissa e la terza che si allarga per riempire lo spazio con le risoluzioni maggiori. Dunque:
1: Non capisco perchè i div header e footer in IE non si allargano fino al margine destro dello schermo (anche disabilitando le scroll), sebbene la larghezza sia impostata al 100%
2: Non capisco perchè il div right invece si allarghi oltre il margine destro dello schermo.
:master:
Questo il codice per la pagina:
<body bgcolor="#FFFFFF" scroll=no>
<div id="Header" class="divHeader"></div>
<div id="left" class="divLeft"></div>
<div id="body" class="divBody"></div>
<div id="right" class="divRight"></div>
<div id="footer" class="divFooter"></div>
</body>
E questo il CSS:
.divHeader {
position: absolute;
height: 78px;
width: 100%;
left: 0px;
top: 0px;
background-color: #000066;
}
.divLeft {
position: absolute;
height: 100%;
width: 340px;
left: 0px;
top: 63px;
background-repeat: repeat-y;
z-index: 1;
bottom: 25px;
background-color: #666666;
}
.divFooter {
z-index: 2;
height: 25px;
width: 100%;
left: 0px;
bottom: 0px;
background-color: #000066;
position: absolute;
right: 0px;
vertical-align: top;
float: left;
}
.divBody {
background-color: #CCCCCC;
position: absolute;
height: 100%;
width: 400px;
left: 340px;
top: 78px;
z-index: 1;
}
.divRight {
background-color: #666666;
height: 100%;
position: relative;
top: 63px;
bottom: 25px;
left: 740px;
width: 100%;
}
Rispondi quotando
