Horizonlate Navigation mit LI soll nicht umbrechen

[JürgenB]

Hallo,

das Opera7-Problem aus dem nicht sehr frequentierten Threat http://forum.de.selfhtml.org/archiv/2005/7/t110598/ habe ich inzwischen lösen können, indem ich dem UL kein float:left mehr gebe. Für das Problem mit der Leerzeile zwischen den DIVs, das nur im IE auftritt, habe ich aber noch keine Lösung gefunden. Ein weiteres Problem, das auch in den Beispielen im Selfhtml (http://de.selfhtml.org/css/layouts/anzeige/nav_inline.htm) auftritt, ist der Umbruch der Navigationsleiste in kleinen Fenstern bzw. bei großen Schriften. Ich habe es mit white-space:nowrap versucht, aber keine Wirkung erzielt.

Hier der Link zur Testseite:
http://www.j-berkemeier.de/test/navtest.html

Daher nochmal meine Fragen:

Wie bekomme ich die Leerzeile zwischen den DIVs im IE weg?

Wie kann ich bei einer Liste mit float:left den Zeilenumbruch unterdrücken und einen Scrollbalken erzwingen?

Gruß, Jürgen

[Gernot Back]

Hallo JürgenB,

Ich habe es mit white-space:nowrap versucht, aber keine Wirkung erzielt.

Erst mal nur so viel: Hast du es

  
.nav ul { white-space:nowrap;list-style-type:none;margin:0px;padding:0px; }

hier auch ^^^^^^^^^^^^^^^^^^ versucht?

Hier der Link zur Testseite:
http://www.j-berkemeier.de/test/navtest.html

Gruß Gernot

[JürgenB]

Hallo Gernot Back,

gerade lokal probiert: Der IE unterdrückt den Umbruch in der Liste, die DIVs mit den Bildern vor und hinter der Liste werden aber immer noch umgebrochen. Den FF interessiert das ganze nicht.

Gruß, Jürgen

[Ingo Turski]

Hi,

Ein weiteres Problem, das auch in den Beispielen im Selfhtml (http://de.selfhtml.org/css/layouts/anzeige/nav_inline.htm) auftritt, ist der Umbruch der Navigationsleiste in kleinen Fenstern bzw. bei großen Schriften.

und warum schaust Du Dich auf dieser Seite nicht einfach mal weiter um? Dann hättest Du in der Erklärung zum nächsten Beispiel gefunden:
"Sie können der Navigationsleiste ul#Navigation auch eine passende Breite zuweisen, um in zu kleinen Browserfenstern statt eines Umbruchs Scrollbalken anzubieten."

freundliche Grüße
Ingo

[JürgenB]

Hallo Ingo,

"Sie können der Navigationsleiste ul#Navigation auch eine passende Breite zuweisen, um in zu kleinen Browserfenstern statt eines Umbruchs Scrollbalken anzubieten."

das habe ich auch schon gefunden. Mein Problem ist dann aber, das das DIV und die Texte darin mit der Schriftgröße skalieren (em), die Bilder aber nicht. Aber ich glaube inzwischen, dass das der einzige Weg ist. Ich werde mal damit experimentieren, die Abschlussbilder links und rechts, bzw. die DIVs, in denen sie als Hintergrund stecken, auch mit em oder % zu skalieren. Ich fand halt den Weg, den Umbruch einfach zu verbieten, eleganter.

Unterstützen eigentlich alle Browser % und em als Größenangabe im IMG-Tag?

Das Problem mit dem Umbruch im IE habe ich jetzt erst mal mit einem DIV mit display:inline zwischen den Navigationszeilen gelöst.

Gruß, Jürgen

[Ingo Turski]

Hi,

Unterstützen eigentlich alle Browser % und em als Größenangabe im IMG-Tag?

AFAIK ja. Allerdings solltest Du nur _eine_ Seite, bevorzugt die Höhe, definieren, um Verzerrungen zu vermeiden.

Das Problem mit dem Umbruch im IE habe ich jetzt erst mal mit einem DIV mit display:inline zwischen den Navigationszeilen gelöst.

wie denn das?

freundliche Grüße
Ingo

[JürgenB]

Hallo Ingo,

... Allerdings solltest Du nur _eine_ Seite, bevorzugt die Höhe, definieren, um Verzerrungen zu vermeiden.

das ist kein Problem, da es nur um Dreiecke geht.

Das Problem mit dem Umbruch im IE habe ich jetzt erst mal mit einem DIV mit display:inline zwischen den Navigationszeilen gelöst.
wie denn das?

Ich habe mich unklar ausgedrückt: ich meinte die zusätzliche Leerzeile zwischen den DIVs.

Danke und Gruß, Jürgen