Willkommen in der Webstatt Zum Webstatt Blog und Stories
Lenny am 02.06.07 17:49

Hiho,

also ich habn problem mit der Überlagerung von div-boxen.

das ist die Seite:
http://harvi.ha.funpic.de/kath/index.html

im firefox überlagert die border der div-box "linkouterslct", also das was um die links drum liegt die border der content div box und dadurch entsteht halt dieser kartei-reiter eindruck.
Beim IE überlagert die border der content box die andere und deshalb sieht es halt etwas blöd aus. Wollte fragen ob man das irgendwie steuern kann?
Habs schon mit z-index probiert aber irgendwie klappt das nicht ganz bzw. ich weiss nicht wie ich das handhaben soll. Die box die unten liegen soll bekommt die niedrigere zahl? oder umgekeht?

/Lenny

netcup.de Warum gibt es hier Werbung?
der_nic der_nic am 02.06.07 21:59

Mach bei allen Tabs den border-bottom weg und dafür beim Inhalt ein border-top. Wenn die Elemente gerade aneinander bzw untereinander liegen ist der obere Rand des Inhalt gerade der untere Rand der Tabs. Bei dem aktiven Tabs sorgst du mit einem border-bottom in weiss (oder halt der Farbe die dem Hintergrund des Inhalts entspricht) dass der Rand vom Inhalt überdeckt wird bzw dort keine Linie zwischen Inhalt und Tab sichtbar ist.

Lenny am 02.06.07 23:25

Das was du da beschrieben hast, genau so ist es derzeit gelöst. Mein problem ist eben, dass beim IE die border-bottom des aktiven Tabs die border-top des contents NICHT überlagert und dadurch diese linie zu sehen ist. Der Firefox stellt es ja korrekt dar...

der_nic der_nic am 03.06.07 12:26

Dein ganzes Markup scheint mir ein bischen verwurstelt... ich würde die Navigation nochmals von vorne beginnen. Hier ein gutes Beispiel, dass sowohl im FF als auch IE funktioniert.

Lenny am 03.06.07 12:56

Da is überhaupt nix verwurstelt aber gut ich schaus mir mal an :)

der_nic der_nic am 03.06.07 13:13

Ok tut mir leid das "verwurstelte" ist der Code für den Werbelayer von funpic :D
Aber probiers trotzdem mal mit meinem Beispiel, denn da hast du auch semantisch korrektes Markup und keine Div-Suppe mehr;)

Lenny am 03.06.07 13:13

Okay es hat funktioniert. Anscheinend überlagert der IE lieber die border-bottom des "navi" div wie die des contents. Komisch, aber egal funktioniert.

Lenny am 03.06.07 13:15

ja dieses div-gewurstel war nötig wegen dem 1px-Abstand zwischen link und border. Naja sieht halt nicht gerade sauber aus haste schon recht, aber kunden interessiert das nachher nicht :)

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt