Stahl Florian: Scrollbar nur wenn benötigt

Hallo an alle,

habe ein kleines Problem mit Scrolleisten.

Ich habe ein DIV mit Breite 800px und Höhe 450px. Nun habe ich mit overflow: scroll bewirkt, dass Scrollleisten erscheinen sobald der Inhalt größer wird.

Nun habe ich hier 2 Probleme:

1. Der Inhalt wird nur nach unten größer. Deshalb soll die horizontale Leiste komplett weg, also gar nicht erscheinen. Wie?

2. Die vertikale Leiste soll nur dann erscheinen, wenn der Inhalt auch tatsächlich größer ist. Auch wie?

Hoffe genug informiert zu haben und bedanke mich jetzt schon für die Hilfe. Hänge hier schon seit mehrern Stunden.

Anschauungsmaterial in Form einer Seite kann ich leider nicht bieten, da ich noch keinen Webspace dafür habe. Teste es lediglich auf meinem lokalen Server.

Mit freundlichen Grüssen
------------------------
Stahl Florian
------------------------

--
Was dich nicht umbringt macht dich nur härter
  1. overflow: auto;

    bei IE 7 und bei FF kannst du auch noch
    overflow-x: scroll bzw.
    overflow-y: scroll
    aktivieren.

    1. Hallo an alle,

      Danke für die schnelle und super Antwort. Hat funktioniert.

      Mit freundlichen Grüssen
      ------------------------
      Stahl Florian
      ------------------------

      --
      Was dich nicht umbringt macht dich nur härter
  2. man könnte auch mit einem trick es nur nach unten machen bei IE6.

    aber bin mir nicht ganz sicher ob der richtig funktionier.

      
    .outer  
    {  
    overflow: auto;  
    height: 450px;  
    }  
    .inner  
    {  
    white-space: pre;  
    width: 800px;  
    }  
    
    
      
    <div class="outer">  
    <div class="inner">  
    viel text  
    </div>  
    </div>  
    
    

    WICHTIG: Code ist nicht getestet!!!

  3. Ich habe ein DIV mit Breite 800px und Höhe 450px. Nun habe ich mit overflow: scroll bewirkt, dass Scrollleisten erscheinen sobald der Inhalt größer wird.

    Ein Blick in selfhtml wäre zuviel gewesen?
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

    Struppi.

    1. Hallo an alle,

      Ein Blick in selfhtml wäre zuviel gewesen?
      http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

      Auf dieser Seite war ich bereits. Da ich die Eigenschaft overflow ja bereits kannte, habe ich hier nicht so genau gelesen, es also übersehen.

      Trotzdem danke.

      Mit freundlichen Grüssen
      ------------------------
      Stahl Florian
      ------------------------

      --
      Was dich nicht umbringt macht dich nur härter