nicht angemeldet
2 <div>s nebeneinander - Darstellungsproblem im IE
Hallo!
... ich habe irgendwie den Eindruck, das Thema meines Posts hier schon tausendmal gelesen zu haben. Trotzdem finde ich für mein aktuelles Problem keine Lösung.
Also: Ich habe eine Seite die neben einem Kopf ein Menu auf der linken Seite und den Inhalt auf der rechten Seite hat, alles ist mit DIV+CSS realisiert. Das Menu auf der linken Seite ist als Liste aufgebaut, mit CSS aber stark angepasst. Manche Menupunkte haben ein Untermenu (zB: "Unsere Katzen", "Nachwuchs", "Nützliches"). Diese Untermenus sind versteckt und werden per JavaScript sichtbar gemacht (Manipulation ueber display). Das funktioniert soweit auch wunderbar.
Beim Test im IE ist mir aufgefallen, dass der Text im Content (rechte Seite) aber auf der Länge des Menus um etwa 3-4 Pixel eingerückt ist. Klappt man nun ein Untermenu auf, rückt weiterer Text auf der rechten Seite ein, eben genau so lange, wie auf der linken Seite das Menu ist. Dabei besonders interessant ist, dass die Linie im Content nicht einrückt, sondern nur der Text.
Ich hab jetzt schon 2 Stunden auf den Quellcode geschaut, leider finde ich nichts. Vielleicht kann mich ja jemand drauf stossen, bzw mir nen Tipp geben, was ich denn da übersehe...
Die Seite findet ihr unter http://dev.pixelundprint.de/bkh/
Vielen Dank schonmal. Viele Grüsse,
Marc
-
Hi,
Beim Test im IE ist mir aufgefallen, dass der Text im Content (rechte Seite) aber auf der Länge des Menus um etwa 3-4 Pixel eingerückt ist.
um drei Pixel. Auf englisch: Three Pixel. Die Fortführung des Namens dieses (in der Tat) sehr, sehr bekannten Bugs lautet Text Jog.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi!
um drei Pixel. Auf englisch: Three Pixel. Die Fortführung des Namens dieses (in der Tat) sehr, sehr bekannten Bugs lautet Text Jog.
Herzlichen Dank fuer die schnelle Antwort. In Sachen IE-Bugs und IE-Hacks bin ich nicht so bewandert. Ich suche dei Fehler immer erst bei mir *g*. Aber so war die Sache jetzt (relativ) einfach lösbar.
Vielen Dank und ein schoenes WE,
Marc
-
-
Hallo Marc,
Ich hab jetzt schon 2 Stunden auf den Quellcode geschaut, leider finde ich nichts. Vielleicht kann mich ja jemand drauf stossen, bzw mir nen Tipp geben, was ich denn da übersehe...
Ergänzend zur bereits angeregten Suche noch ein Beispiel:
http://www.lipfert-malik.de/webdesign/tutorial/bsp/dreispaltenplusx.html
Da kannst du dir im Quellcode, ab Conditional Comment für IE bzw. am Ende des Head
zwei Lösungsansätze anschauen, zuerst expression (JavaScript, auskommentiert) die
Grössen der Elemente anzugleichen, dann eine Lösung mit Abständen und float.Grüsse
Cyx23