bug explorer: border all'interno e non all'esterno

[legal-x]

salve a tutti,

nella mia pagina il css è:

html {
width:100%;
}

body {
width:780px;
height: 100%;
margin: 0px auto;
padding: 0px;
text-align: center;
}

div#container {
position:relative;
width:780px;
height:auto;
margin:0px;
border-left:2px solid #CC6666;
border-right:2px solid #CC6666;
}

Se nel div container metto 3 div flottati a sinistra ...in modo tale da vederli sulla stessa linea, l'ultimo mi va accapo ...come se non entri nei 780px ...infatti ho notato che i 2px a sx e dx ...è come se restingessero la capienza del container di 4 punti

Ovviamente su FF nessun problema.

Altro problema, ...impostando l'altezza del container in automatico, in FF invece sembra non rendersi conto che ci sono i 3 div dentro (anche specificando l'altezza dei 3 div) ..e quindi non si allunga

Suggerimenti ?

[legal-x]

aggiornamento:

per l'altezza del div ho risolto inserendo un footer con clear:both;

Rimane il posizionamento dei 3 div flottati a sx..

Non credo più sia il 3 Pixel Jog il problema ...perchè cmq tra un box e l'altro non vedo distanza ...e poi non entrano per 4 pixel ...ovvero 2+2 bordi ...credo

Maledetto IE 6 !

[legal-x]

dove sono finite le anime pie di questo forum !

PS: confermo che togliendo il border al conteiner, riesco ad avere la larghezza impostata.

Devo agire con qualche trucco visivo (div dentro div con il margin per fare il bordo) ?

..volevo evitare

[Mich_]

Devi solo imparare a fare le somme (e studiare il box model).

In sintesi:
La larghezza totale di un blocco (browser standard) e` data da:
margin + border + padding + width + padding + border + margin
In IE (quirks mode) invece e` data da:
margin + width + margin (border e padding fanno parte di width)

[legal-x]

grazie mich,

infatti l'ho capito sbattendo la testa ed usando un'espressione condizionare per allargare il box di 4 punti solo se IE6 ...oppure mi consigli di farlo su tutte le vers di ie ?

Grazie

[Mich_]

passa a XHTML Strict
e poi usa i Commenti condizionali solo per IE5.5 e inferirori

[legal-x]

mich ...

ho riscritto l'intera pagina in XHTML 1.0 Strict, l'ho anche validata ...

Prima della chiusura head ...ho inserito

<!--[if lte IE 5.5]>
<style type="text/css">
body {width:784px;}
div#container {width:784px;}
</style>
<![endif]-->

come mi hai suggerito ...ma su explorer 6 non agisce (lte 5.5) ...e quindi scompagina.

Perchè mi hai dato questo suggerimento ?

[Mich_]

Perchè mi hai dato questo suggerimento ?

IE6 e 7 in presenza di XHTML 1.0 Strict adottano il box-model del W3C.
Occorre fare attenzione che non ci sia nulla prima del <!DOCTYPE...> (nemmeno il prologo XML), altrimenti IE6 non interpreta il DOCTYPE stesso, e lavora quindi in quirks mode.

In realta` IE6 non utilizza completamente le regole del W3C, ma il box model dovrebbe essere corretto.
Per le singole proprieta` e come vengono interpretate non ti saprei dire: pero` credo che in rete trovi siti dove vengono analizzate una per una. Forse c'e` qualcosa citato tra i "link utili".