• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

mehrere kleine divs in einem großen scrollbaren div

S

sebastian9

New member
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
 
Versuch es mal mit:

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

Möglichkeit, die auch funktionieren könnte:

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

LG
 
Hallo Sebastian,
hier mal ein kleines Beispiel
PHP: 
<!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>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben