usando la struttura da te indicata...mi rimanevano un paio di problemi...
1. la sezione non definendo position:absolute, va sotto il menu
2. il main (che contiente una riga di 1px ripetuta) che forma lo sfondo, non si allunga conforme il div sezione.
modificando un po la struttura in questo modo:
codice:
<div id="hmf">
<div id="header"></div>
<div id="main">
<div id="sezione">
</div>
</div>
<div id="footer"></div>
</div>
<div id="menu_sx"></div>
e usando il seguente CSS
codice:
div#hmf {
border:3px;
border-color:#000000; /*NERO*/
border-style:dashed;
position:absolute;
left:50%;
margin-left:-450px;
top:50px;
width:900px;
z-index:1;
}
div#ms {
border:3px;
border-color:#CCCCCC; /*GRIGIO*/
border-style:dashed;
position:absolute;
left:50%;
margin-left:-450px;
top:206px;
width:900px;
z-index:2;
}
div#header {
border:3px;
border-color:#FF0000; /*ROSSO*/
border-style:dashed;
background-image:url(imm_per_sito/sfondo_divheader.jpg);
background-repeat:no-repeat;
width:893px;
height:516px;
}
div#main {
border:3px;
border-color:#009900; /*VERDE*/
border-style:dashed;
background-image:url(imm_per_sito/sfondo_repeat.jpg);
background-repeat:repeat-y;
top:566px;
width:893px;
min-height:100px;
}
div#sezione {
border:3px;
border-color:#FF9900; /*ARANCIONE*/
border-style:dashed;
background-image:url(imm_per_sito/sfondo_divsezione.jpg);
background-repeat:no-repeat;
left:212px;
width:669px;
min-height:357px;
text-align:left;
overflow:hidden;
}
div#footer {
border:3px;
border-color:#FFFF00; /*GIALLO*/
border-style:dashed;
background-image:url(imm_per_sito/sfondo_divfooter.jpg);
background-repeat:no-repeat;
width:893px;
height:259px;
}
div#menu_sx {
border:3px;
border-color:#FF33FF; /*VIOLA*/
border-style:dashed;
background-color:#079b4d;
position:absolute;
left:50%;
margin-left:-440px;
top:218px;
width:206px;
overflow:hidden;
height:400px;
}
mi sembra che così ci siamo quasi...
mi servirebbe spostare il div sezione all'altezza del menu (affiancandolo)
e mantenere che il div main si allunghi conforme quanto si allunga il div sezione.
mi verrebbe da pensare di usare position:relative; per il div sezione, in questo modo potrei affiancarlo appunto al menu.
ma... il div main manterebbe tutto l'ingombro del div sezione e non solo la parte che si sovrappone..quindi non so bene che fare...
....qualche consiglio?
position relative e absolute mi par di averli capiti ma non so come poter gestire una cosa di questo tipo.
grazie per i consigli, ciao ciao
Rispondi quotando
