[CSS] Container te lang in IE

[Verwijderd]

Hallo,

Ik heb een container waarin ik producten uit een database wil halen. De site is opgezet met 3 containers, een linkerkant midden en rechterkant.

Het gaat hier om de midden container

code:

#contentContainer
{
    float: left;
    width: 488px;
    padding: 5px;
    background: purple;
}

Hierin wil ik 2 kleine containers naast elkaar printen waarin de producten verschijnen:

code:

.productContainer
{
    width: 202px;
    height: 80px;
    border: #000 1px solid;
    float: left;
    margin: 20px;
    text-align: center;
}

Even visueel:



Hiermee heb ik dus uitgerekent dat de containers 202px breed moeten zijn. Als ik dit doe werkt het in FF perfect, hij zet ze netjes naast elkaar, maar in IE is hij te groot en plaatst hij er maar 1 per "regel".

Iemand enig idee wat ik fout doe?

[Zillion01]

Ik heb ff voor je gekeken. Je bedoelt iE6, want in iE7 gaat het goed. Tsja iE6 is een vervelende browser.

Dit soort dingen gebeuren altijd omdat de blokken dan te breed zijn (in iE).
Als je width 194 ervan maakt doet ie het wel. Waar het aanligt, in iE6 is het block-model verkeerd. Hier staat daar wat over http://www.webmasterworld.com/forum83/7345.htm

Maak anders een conditie voor iE6 in je head, waar je een andere CSS toe laat passen voor iE6.

code:

<!--[if lte IE 6]>
    <style type="text/css">
        @import url(styles/ie6.css);
    </style>
    <![endif]-->

[ Voor 16% gewijzigd door Zillion01 op 03-04-2007 22:11 ]

[Verwijderd]

Kan ik het niet beter op een andere manier oplossen misschien? Met %en oid? En ik gebruik idd IE6

Als ik 194 width ervan maak vind ik het er zo slordig uitzien omdat de ruimtes niet gelijk zijn..

[ Voor 34% gewijzigd door Verwijderd op 03-04-2007 22:10 ]

[Zillion01]

Zie mijn bovenstaande gewijzigde post, het ligt aan het block-model van oude iE's. Je zou daar andere marges kunnen toepassen zodat het er toch hetzelfde uitziet.

[ Voor 32% gewijzigd door Zillion01 op 03-04-2007 22:20 ]