Ciao! Vi disturbo per una domanda tutto sommato banale.
Ho un layout a 3 colonne flottanti, che si chiamano #bordosx (che fa da bordo sinistro), #generale (il corpo centrale), e #bordodx (il bordo destro).
Non riesco a visualizzarli correttamente con Explorer, mentre con FF si. In pratica Explorer non mi considera le 3 colonne flottanti e me le incolonna una SOTTO l'altra, non affiancate.
PERCHEE???
Il codice html è questo:
<div id="contenitore">
<div id="bordosx"></div>
<div id="generale">
<div id="sfondo">
<div id="header">
<ul class="menuNavigazione">
[*]Home
[*]Chi siamo
<ul>
[*]Prima Sotto Voce
[*]Seconda Sotto Voce
<ul>
[*]Prima Sotto Voce
[*]Seconda Sotto Voce
[*]Terza Sotto Voce
[/list]
[*]Terza Sotto Voce
[/list]
[*]Dove siamo
<ul>
[*]Prima Sotto Voce
[*]Seconda Sotto Voce
[*]Terza Sotto Voce
[/list]
[*]I nostri prodotti in promozione
[*]Le nostre migliori offerte[/list]
</div>
<div id="bevimark_cont">
<h1>Be.Vi.Mark S.r.l. distribuzione bevande </h1>
</div>
</div>
</div>
<div id="bordodx"></div>
</div>
</body>
E il css (solo i 3 div interessati):
#contenitore {
width:940px;
height:750px;
margin:0px auto;
}
#bordosx {
float:left;
width:20px;
background-image:url(images/bordosx.jpg);
height:750px;
}
#generale {
float:left;
width:900px;
height:750px;
background-color:#b1d4e0;
background-image:url(images/sfondo3.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin:0;
padding:0;
}
#bordodx {
float:left;
width:20px;
height:750px;
background-image:url(images/bordodx.jpg);
margin-left:920px;
}
Rispondi quotando
