[html] layout zonder tabellen, IE vs Firefox

[Verwijderd]

al een tijdje probeer ik dratisch te minderen (tabellen) alleen loop ik steeds weer tegen hetzelfde probleem aan ... op alle IE-bug sites kan ik geen werkende oplossing vinden. kan hier iemand mij helpen?


ik heb het probleem wat uitgedund en een opzetje gemaakt. ik test in IE6 & Firefox.


http://dev.arendlaan18.nl/tableless/test3/index.htm


het probleem, de linkerkolom (float: left;) heeft in IE rechts een soort margin, want de eerste twee regels in de rechterkolom worden opzij geduwd ... in deze .css staat hoe de positionering van divjes: http://dev.arendlaan18.nl/tableless/test3/genLayout.css


heeft er iemand een idee hoe ik die rechtermarge weg kan krijgen?

[André]

Als je van alle elementen de padding/margin op 0 zet, helpt dat?

[Verwijderd]

André schreef op 30 augustus 2004 @ 14:32:
Als je van alle elementen de padding/margin op 0 zet, helpt dat?

dat heb ik inderdaad geprobeerd (natuurlijk), maar dat geeft geen verschil ...

[RwD]

Kijk eens wat er gebeurd als je dit doet:
 

Cascading Stylesheet:

#right {
    BACKGROUND-COLOR: #aaffaa;
    position: absolute;
    width: 200px;
}

Op een of andere manier staat het dan wel links, het is geen oplossing nog. Hopelijk brengt het je op het goede spoor...

[crisp]

da's de IE 3-pixel bug

[Verwijderd]

Hopelijk brengt het je op het goede spoor...

code:

#right {
    BACKGROUND-COLOR: #aaffaa;
    position: absolute;
    width: 568px;
    margin-left: 192px
}

dit geeft weer andere problemen ... in IE zwemt de rechterkolom ergens naast de pagina, in Firefox wordt het goed gerenderd ... alleen is nu de #innerContainer onzichtbaar en die had ik nodig om de layout af te maken bij verschil in lengte van de linker- en rechterkolom ...

[Verwijderd]

crisp schreef op 30 augustus 2004 @ 15:04:
da's de IE 3-pixel bug

klopt, en de oplossing (p height: 1%;) maakt bij mij geen verschil ...


http://www.positionisever...explorer/threepxtest.html

[RwD]

Verwijderd schreef op 30 augustus 2004 @ 15:07:
[...]

code:

#right {
    BACKGROUND-COLOR: #aaffaa;
    position: absolute;
    width: 568px;
    margin-left: 192px
}

dit geeft weer andere problemen ... in IE zwemt de rechterkolom ergens naast de pagina, in Firefox wordt het goed gerenderd ... alleen is nu de #innerContainer onzichtbaar en die had ik nodig om de layout af te maken bij verschil in lengte van de linker- en rechterkolom ...

Als je dan alles absoluut doet? maja, voor 3 pixels ??


Edit:
Laat maar, ik weet al waarom niet

[ Voor 5% gewijzigd door RwD op 30-08-2004 15:56 ]

[Verwijderd]

het probleem is niet de 3 pixels, maar de maten die gerenderd worden. in IE sluiten delen dan bv niet aan