Matty: Div Horizontal scrollen

Beitrag lesen

Hallo Matty,

Fürs Scrollen ist eigentlich die CSS-Eigenschaft overflow zuständig, welche Probleme gab es dabei?

Nicht ganz valide, aber auch keine Todsünde wäre die Eigenschaft overflow-x mit den gleichen Werten - wie die Browserumsetzung aussieht, mußt Du ausprobieren.

Gruß aus Köln-Ehrenfeld,

Elya

wenn ich overflow:auto mache dann bricht er mir die boxen trotzdem um und ich kann vertikal scrollen.. ich will aber NUR horizontal... (wie in einem IFrame bspw.)

Erledigt, so gehts:

<div style="width:400px; overflow:scroll; overflow-x:auto; overflow-y:hidden;">
 <div style="width:1000px;">
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
  <div style="float:left; border:1px solid black; width:100px; height:100px;">muh</div>
 </div>
</div>