Hi!

Da ist wieder mal eine Frage aufgetaucht, die ich auch nach Suma Orgie und Faq Studie nicht gelöst kriege.
Mir fehlt einfach der Ansatz der Fragestellung.

Nu, das Problem ist: ich hab nun mal (noch) keinen IE7, und kann mich nur auf das verlassen was ich wo gelesen krieg und was mir andere mitteilen die das olle Teil installiert haben.

Bei meinem laufenden Projekt stellt sich IE7 besch...en an:
Bereits nach einem Zoomschritt zerbricht mir die Navi oben, auch die seitlichen Navigationen sind bei höheren Zoomstufen unansehlich.
Der Wrapper (#seite) wird nach unten hin länger - und bei Seitenverkleinerung kürzer als der Content.

Ich hab die Navi´s in Listen augebaut und importiere für IE7 per Cond. Comment einen Bugfix:
Möglicherweise liegt der Fehler nun darin, das ich oft mehrere Wörter in einem Navpunkt, Bsp.: Kultur & Freizeit
Ich dachte, sei nicht blöd, und hab zwischen den Wörtern deshalb notiert, weil ich glaubte (nun hoffe) das der IE7 richtig regaiert. Tut er net.

Ich brauche (falls irgent möglich) die Möglichkeit mehrerer Wörter in Menüpunkten. Wie fixe ich das?
Und wie patche ich #seite, damit der Div den Content auch im ....... IE7 genau umgibt?

Links zu den CSS Dateien:
Allgemeine Formate
Navigation
Newsboxen
IE7 Patch

Mag sein das ich die Lösung in FAQ oder G++gle übersehe.
Ein Link als Antwort - um euch nicht zu nerven - wäre somit auch super.

Danke!

"Zerbrechen" kann ich nicht bestätigen. Ich sehe, dass der rechte Border der inline dargestellten Links nicht mitwandert und mitten im Text stehenbleibt.
Dieses Problem lässt sich beheben, indem du den Links Layout gibst (z.B. per zoom:1). Das padding der ul musst du dann aufheben, damit keine Lücke bleibt.

Kannst du "unansehnlich" bitte näher spezifizieren. Ich kann nicht nachvollziehen, was du meinst.

Netter Effekt. Ich liebe den IE7-Zoom.
Nachdem ich position:relative bei #inhalt entfernt habe war der Fehler weg.
Warum gibst du für Inhalt nochmals die Breite an?

probier mal zoom:1 für die LI in dieser #hauptnavigation

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Para, könntest du mal eine Referenz angeben für den word-spacing: 0; bugfix? Ich kenne nur diese Diskussion.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Little Boxes: Seite 303

Ich lese nochmal deine Lösungsvorschläge, hab (noch nicht) alles kapiert - zu schnell drübergelesen ...

Danke und bis gleich

IChao, mein virtueller Freund!

Wenn ich HasLayout richtig verstehe, dann müsste es auch mit laufen??
zoom ist ja nicht valide, oder?

Möchtest du nur noch mit Ingo kommunizieren?

Height wirkt nicht in Inline-Kontext. Lies doch mal den Artikel.
Inline-Block ist eine weitere Möglichkeit.

Ich benutze zoom, um zu debuggen, weil es außer haslayout nichts anrichtet. Ich habe für zoom:1 auf meiner Tastatur einen shortkey ... Beim Debuggen selbst geht es nicht um Validität, sondern darum, ob der Weg zu einem Bugfix der richtige ist. Funktioniert es denn bei dir?

<quark>Wenn der äußere Block eine Höhe hat, dann ist height:1% etwas klein im IE7. Da du nur IE7 treffen willst, kannst du auch min-height:0 nehmen </quark> Edit: allerdings nicht in deinem Inline-Kontext, wie fricca sagt. Ich sollte den Artikel auch mal lesen

Übrigens hat fricca Minuten vor mir die Lösung gepostet, und es wäre gut, wenn Ihre Fragen eine Antwort fänden, interessiert mich nämlich auch.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

OH Nein (Arme weit ausgebreitet und strahlend), ihr seit alle meine Freunde!

Ich betitelte ihn so, weil ich mich hier quäle und die Antwort als Lichtblick kam ..

Ich hab #hauptnavigation li{ display:inline-block; } gesetzt. hast Du das gemeint?
Wenn ja, bitte guckt nochmal nach.
Wenn nein, ich stehe gerade auf der Leitung ...

Mit wem sprichst du?

Ich meinte nicht die li-Elemente. Siehe oben.
Das Padding der Links geht flöten, wenn du den li-Elementen Layout gibst.