Webstatt.org - Community seit 2006 - 2012 (2024?)

div-boxen überlagerung

user-227
02.06.2007 15: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

Avatar user-162
02.06.2007 19: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.

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
user-227
02.06.2007 21: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...

Avatar user-162
03.06.2007 10: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.

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
user-227
03.06.2007 10:56

Da is überhaupt nix verwurstelt aber gut ich schaus mir mal an lächeln

Avatar user-162
03.06.2007 11:13

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

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
user-227
03.06.2007 11:13

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

user-227
03.06.2007 11: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 lächeln