3px Abstand im IE

[Jörg]

Hallo!
Ich habe mal wieder ein Problem mit meinem Lieblingsbrowser, dem Internet Explorer;
Auf meiner Seite gibt es zwei große div-Boxen.
Beide sind rechts ausgerichtet.
In der Oberen befindet sich ein 16px breiter Balken der rechts floatet.
Daneben ist das Banner, das mit margin-right:9% ausgerichtet ist.
Damit hat der Banner einen Abstand zum rechten Browser-Rand von 16px+9%.

Das Problem ist die zweite div-Box:
Hier soll der Inhalt genau in der gleichen vertikalen Ausrichtung liegen wie der Banner - also so ungefähr:

--------------------------------------------------------------------
                                   |                |            | |
Div1                               |   Banner       |            | |
--------------------------------------------------------------------

--------------------------------------------------------------------
                                   |                |
Div2                               |   Inhalt       |
--------------------------------------------------------------------

Beim zweiten Div gibt es allerdings keinen rechts-floatenden Balken.
Dafür ist das Inhalts-Div mit einem padding-right:16px und einem margin-right:9% ausgestattet, sodass es eigentlich den gleichen Abstand (also 9%+16px) zum rechten Browserrand haben sollte.

Im Firefox ist das auch der Fall.
Im IE dagegen liegt die Inhaltbox 3px näher am rechten Rand als das Banner oben und ich kann mir einfach nich erklären woher diese 3px kommen (ebenso fehlen dann natürlich auch auf der linken Seite 3px - also die gesamte Inhaltsbox ist um 3px nach rechts verschoben).

hier die Seite:
http://www.digitales-lichtbild.de/lichtmalerei/index.php

Wär klasse wenn mir da jemand weiterhelfen könnte!

MfG,
Jörg

[afra]

Hallo Jörg!

Du hast es selbst schon fast beschrieben: Da gibt es ein paar Workarrounds. Aber am besten finde ich immer noch das Layout so zu wählen, dass man davon nicht berührt wird:

Mehr dazu mit Tipps und Tricks

Schönen Gruß

Afra

[Arthur Dent]

Hallo,

Im Firefox ist das auch der Fall.
Im IE dagegen liegt die Inhaltbox 3px näher am rechten Rand als das Banner oben und ich kann mir einfach nich erklären woher diese 3px kommen (ebenso fehlen dann natürlich auch auf der linken Seite 3px - also die gesamte Inhaltsbox ist um 3px nach rechts verschoben).

klinkt verdächtig nach dem 3px-Bug des IE.
Hab jetzt auf die schnelle hier ein Beispiel mit Workaround gefunden. Vll hilft's dir.

Gruß,
Arthur D.

[Detlef G.]

Hallo Jörg

In der Oberen befindet sich ein 16px breiter Balken der rechts floatet.

Was enthält dieser Balken?
Irgendwelche besonderen Inhalte, oder solles nur eine graue Linie sein?

Wie wäre es dann mit einem rechten Border?

hier die Seite:
http://www.digitales-lichtbild.de/lichtmalerei/index.php

Das sieht aus, als ob du für vieles, was nur eine richtige Formatierung bestehender Seitenelemente erfordert hätte, exra Elemente eingefügt hast.

Auf Wiederlesen
Detlef