horizontale Navigation

[Thomas]

Hallo zusammen,

ich habe ein Problem mit meiner horizontalen Navigation.
Diese bricht am Ende des verfügbaren Platzes (als am Ende meiner Ansicht im Browser) die Navigation um und macht in der zweiten Zeile weiter.

Ich würde aber gerne wollen das diese in einer Zeile erscheint, da um diese Navigation ein DIV ist das overflow:auto hat und ich somit horizontal scrollen könnte.

Ich poste mal mein CSS zum "hoffentlich" besseren Verständnis

  
    #navi {  
      font-size:93%;  
      line-height:normal;  
      border-bottom:0px solid #b3b3b3;  
      height:20px;  
      }  
    #navi ul {  
	  margin:0;  
	  padding:0px 0px 0 0px;  
	  list-style:none;  
      }  
    #navi li {  
      display:inline;  
      margin:0;  
      padding:0;  
      }  
    #navi a {  
      float:left;  
      background:url("tableft4.gif") no-repeat left top;  
      margin:0;  
      padding:0 0 0 7px;  
      text-decoration:none;  
      }  
    #navi a span {  
      float:left;  
      display:block;  
      background:url("tabright4.gif") no-repeat right top;  
      padding:5px 15px 4px 6px;  
      color:#6B78A9;  
      }  
    /* IE5-Mac */  
    #navi a span {float:none;}  
  
    #navi a:hover span {  
      color:#6B78A9;  
      }  
    #navi a:hover {  
      background-position:0% -42px;  
      }  
    #navi a:hover span {  
      background-position:100% -42px;  
      }  
  
    .naviactive {  
       text-decoration:underline;  
       font-style:italic;  
      }  

Wie gesagt um das DIV "navi" das die Navigation darstellt ist eine weiteres DIV das für den horizontalen Scrollbalken sorgen soll. Wie erreiche ich das mein DIV "navi" einzeilig bleibt?

Vielen Dank.
Ich hoffe mir kann jemand helfen.

Gruß, Thomas

[Thomas]

wenn ich dem DIV "navi" z.b. die Breite 2000px gebe dann funktioniert es. Aber ich weis leider vorher nicht wie groß die Navigation wird, da die Reiter dynamisch erstellt werden. Und auf Javascript würde ich gerne verzichten.

Gruß, Thomas

[Thomas]

oder ist das ein zu spezieller Fall, so das mir leider keiner von euch weiterhelfen kann?

Bitte das jetzt nicht als "Ungeduld" auffassen, ich wollte nur nachfragen, eventuell werden ja noch mehr Informationen gebraucht oder mein Problem ist nicht klar geworden?

Vielen Dank.
Gruß, Thomas

[Lloyyd]

das HTML oder wenigstens ein Screenshot dazu wären hilfreich, optimal natürlich ein Link

[Steel]

Hoi!

nicht draengeln. Es hatte wohl bisher schllicht niemand Lust, auf dieses Thema einzugehen.

Dein Div verhaelt sich absolut normal: Wenn etwas zu breit ist, wird ein Umbruch eingefuegt. In der Breite variable Divs gibts erstmal nicht.

Eventuell kannst Du was mit http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space@title=white-space erreichen.

[peter49]

Es geht mit "nowrap":

<div style="white-space:nowrap;">
<a href="entstehung.html">Entstehung</a>
<a href="lebensraum.html">Lebensraum</a>
<a href="bilder.html">Bilder</a>
<a href="sonst.html">Sonstiges</a>
</div>