mehrere kleine divs in einem großen scrollbaren div

**sebastian9** · 08-08-2008, 08:21

hi @ all,
folgendes problem:
ich habe mehrere kleinere divs die in einem großen div enthalten sind. ich möchte, dass dieses große div jetzt nur horizontal gescrollt werden kann.
hat jemand eine lösung?

danke und lg
sebastian

**Engelskind** · 08-08-2008, 08:52

Versuch es mal mit:

HTML-Code:

.div {
   overflow-x: scroll;
   overflow-y: hidden;
}

Möglichkeit, die auch funktionieren könnte:

HTML-Code:

.div {
   overflow-x: auto;
   overflow-y: hidden;
}

LG

**anna55** · 09-08-2008, 09:43

Hallo Sebastian,
hier mal ein kleines Beispiel

PHP-Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>

<title>Horizontal Scrollen</title>

<style type="text/css">

div#scroll {

    height: 40px;

    border: 1px solid #000;

    background: lightblue;

    white-space: nowrap;

    overflow-y:hidden;

    overflow-x:scroll;

    width:270px;

}

.quer {

    width:100px;

    margin: 65px;

    display:inline;

    height:35px;

}

</style>

</head>

<body>

<div id="scroll">

<div class="quer">1</div><div class="quer">2</div><div class="quer">3</div>

</div>

</body>

</html>