struttura due colonne

[makeart]

sto sviluppando un sito con questa struttura:

<div id="container">
<div id="header"></div>
<div id="navigation"></div>
<div id="content"></div>
<div id="footer"></div>
</div>

css:

div#navigation{
float:left;
width: 250px;
border:1px solid #FFFFFF;
}
div#content{
margin-left: 252px;
border:1px solid #FFFFFF;
width:521px;
}
div#footer{
clear:left;
}


non capisco perchè il blocco content con ie si posiziona sotto il div navigation

[Myaku]

Quant'è largo il container? IE ha il brutto vizio di aggiungere dei pixel ai margini - "bug dei 3px".

Cyà

[makeart]

il container è largo 775px

[Myaku]

Originariamente inviato da makeart
il container è largo 775px

per l'appunto. fai due conti considerando il bug di IE (per maggiori info fai una ricerca o chiedi a google), diminuisci un po' le width. se ti si risolve, usi i commenti condizionali per attribuire le width giuste a IE.

Se non funziona, posta il link alla pagina con il codice completo.


Cyà

edit: ovviamente, do per assunto che con Firefox & browser standard funziona tutto bene

[makeart]

funziona diminuendo i width mi dovrò impazzire a riposizionare il tutto

[makeart]

Cosa vuol dire "usi i commenti condizionali per attribuire le width giuste a IE"

[Myaku]

Originariamente inviato da makeart
Cosa vuol dire "usi i commenti condizionali per attribuire le width giuste a IE"

che crei a parte lo stile per IE, e poi tramite i commenti condizionali segnali a quali versioni di Explorer deve essere applicato -- per come funzionano i cc, fai una ricerca che sicuramente se ne è già parlato --. per gli altri browser, mantieni il css che già hai e che presumo funzioni correttamente.

Cyà

[Federix]

Sposto dentro CSS mi sembra la sezione più giusta

[makeart]

questo lo avevo capito leggendo i post sul forum, non capisco quale stile gli dovrei applicare per evitare che si creino quei margini di 3px

[Myaku]

Originariamente inviato da makeart
non capisco quale stile gli dovrei applicare per evitare che si creino quei margini di 3px

http://css.html.it/articoli/leggi/45...emi-dei-css/8/