[Cream]

hi Leute!

Ich habe eine horizontale Navigation die sich stetig erweitert und dadurch irgendwann am rechten Browserrand ansteht!
Der Kunde wünscht nun diese Horizontale beizubehalten und horizontal zu scrollen!
ich hab mich jetzt damit abgefunden und stehe des halb vor nem kleinen Problemchen!

Das menü wird nämlich am rechten des übergeordneten Divs umgebrochen und erweiter nicht diesen div, d.h. das Menü besteht nun aus zwei zeilen und wird nicht gescrollt! (was nicht erwünscht ist!!)


mein code sieht folgendermaßen aus:

[code]<div style="position: absolute; top: 76px; width: 100%; height: 30px; left: 140px;">
<div style="float: left">Menüpunkt1</div>
<div style="float: left">Menüpunkt2</div>
<div style="float: left">Menüpunkt3</div>
<div style="float: left">Menüpunkt4</div>
</div>

ich weiß dass das "width: 100%" der grund für den umbruch ist, da nach den 100% der inhalt umgebrochen wird!! - Klar!!
leider bringt mir "min-width" im IE nix, da ers wie "width" behandelt!
wenn ich gar kein "width" angebe, richtet sich der div nach dem Browserrand!

wie komm ich nun zu meinem horizontal scroller!?

weiß jemand bescheid??

lg
wendti

[ALEXX]

das dürfte eigentlich nur funktionieren wenn du dem container div ne feste breite gibst.
wenn du mit php arbeitest kannst du den menüpunkten ja ne feste breite geben deren anzahl zählen und so die nötige breite errechnen und im containerdiv ausgeben.

[Kraat]

Ich glaub das wars
http://www.css4you.de/Texteigenschaften/white-space.html

Hab damit aber schon länger nicht mehr gearbeitet. Vergleichbar mit dem HTML <norwrap> ^^

[Cream]

@Alexx: das ist leider nicht möglich da die einzelnen Punkte unterschiedlich breit sind (vgl. "Home" und "Produktinnovationstechnik")

@Kraat: Hab ich vorhin schon probiert! funktioniert aber leider nicht!!!

[pixelpapst303]

ein bisschen umgebaut funktionierts mit white-space:

[Cream]

@pixelpapst: ja wenn die menüpunkte selbst nur aus text bestehen funktionierts! richtig!! bei mir is jedoch um jeden punkt ein div!!! ich probiere nun den div weg zu lassen!!! dann sollte es (hoffentlich) funktionieren!!!

[pixelpapst303]

mach ganz normale links draus. dann klappts - die kannste ja dann auch normal über class oder id formatieren. gleichzeitig entfernst du dich auch ein wenig von drohender div-suppe

[Cream]

würd ich ja gern!!!

das problem ist dass ich mit typo3 ein grafisches menü erstelle, von daher spielts ned viel mit textlinks!! aber mit images sollte es auf das selbe rauslaufen wie mit dem text!!!