nicht angemeldet
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