[CSS] Dubbele linkermarge bij tabel in IE?

[LauPro]

Voor een website moet ik wat data weergeven in tabelvorm. Deze data wordt weergegeven in een iframe en de tabellen zijn meerdere naast elkaar. Om overzicht te houden heb ik de tabellen aan de linkerkant wat marge gegeven zodat er vanaf links en tussen de tabellen een mooie spacing zit.

Echter werkt dit perfect in FF, Konqueror, Opera etc, maar IE heeft er wat moeite mee. Het lijkt wel alsof daarbij 2 keer de linkermarge wordt genomen.

Het gaat om de volgende HTML/CSS:

Cascading Stylesheet:

body{margin:0}
.tabel{margin:0 0 0 10px;padding:0;border:1px solid black;float:left}

Link: http://laupro.nl/etc/dev/tabletest.html

De bedoeling is dus dat de ruimte links van de linker tabel even groot is als de ruimte tussen de tabellen. Ik kan natuurlijk een rechtermarge instellen, dat gaat wel goed, alleen dat zorgt voor een scrollbalk of een te grootte witruimte rechts.

[Vae Victis]

[google=float:left margin double ie]
Geeft: http://www.positionisever...lorer/doubled-margin.html

[BtM909]

Cascading Stylesheet:

display: inline;

Toevoegen mits je ontwerp dit ondersteunt

offtopic:
Of gewoon dik laat replyen

[ Voor 23% gewijzigd door BtM909 op 02-09-2005 15:45 ]

[LauPro]

Oeps , display:inline deed het idd.

[BtM909]

LauPro schreef op vrijdag 02 september 2005 @ 16:30:
Oeps , display:inline deed het idd.

Nou ja oeps: het is gewoon een bug in IE zoals Vae Victis al beschrijft.

En opgelost straks in IE7: http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx

[ Voor 16% gewijzigd door BtM909 op 02-09-2005 17:04 ]

[LauPro]

offtopic:
'Oeps' gezien ik onvoldoende gezocht had blijkbaar.

[crisp]

positioniseverything.net is eigenlijk verplicht leesvoer voor iedereen die ook maar *iets* met CSS wil doen