Autor |
Nachricht |
Benutzer 36923
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 09.08.2007 18:32
Titel Inhalt soll NUR nach RECHTS scrollbar sein! |
|
|
Hallo,
ich habe eine in der Mitte zentrierte Box. Der Inhalt, welcher aus Bildern besteht die dieselbe Höhe wie die Box haben, soll nur nach rechts scrollbar sein.
Die Bilder sollen also einfach von links nach rechts nebeneinander gereiht angezeigt werden. Dies funktioniert leider nicht, sondern DW setzt mal 2 Bilder nebeneinander und mal wieder welche untereinander.
Ich hoffe ich konnte mein Anliegen gut genug erklären!
Hier noch ein bischen CSS daraus:
Zitat: | body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
background-image: url(bg.gif);
}
#inhalt {
position:absolute;
height:240px;
width:650px;
margin:-100px 0px 0px -200px;
top: 40%;
left: 40%;
text-align: left;
padding: 0px;
background-color: #FFFFFF;
border: 1px dotted #000000;
overflow: auto;
} |
Vielen Dank im Voraus.
Gruß
BZL
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 09.08.2007 19:45
Titel
|
|
|
du musst overflow-x und overflow-y angeben.
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Benutzer 36923
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 09.08.2007 21:36
Titel
|
|
|
Ist denn jedem bekannt um welche Problematik es mir geht?
Gruß
BZL
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 09.08.2007 21:47
Titel
|
|
|
Ja schon, hab ganz vergessen ein Beispiel zu posten.
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
div#wrapper {
height: 320px;
margin: 50px auto;
overflow: auto;
position: relative;
width: 800px;
}
div#images {
position: absolute;
width: 1500px;
}
div#images div {
background: #eee;
float: left;
height: 300px;
width: 300px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="images">
<div>Test</div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
</div>
</div>
</body>
</html> |
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 09.08.2007 22:57
Titel
|
|
|
@m: Jup, ist mir auch erst dann eingefallen. Deine Lösung ist gut, ich bin mir nur nicht sicher ob er sie versteht.
Das Prinzip ist folgendes: Ein div hat die vorgegebene Höhe und Breite, der scrolbar ist. Darin befindet sich ein weiterer div um alle Bilder, der eine vorgebene Breite (die aller Bilder) hat. Dieser erhält dann automatisch einen horizontalen Scrollbalken vom Browser, ein vertikaler entsteht nicht, da der div ja genau die Höhe der Bilder hat.
edit//:
Oder verstehn wir das hier falsch und du willst, dass wirklich nur nach rechts gescrollt und nicht nach links auch wieder zurück werden kann?
Zuletzt bearbeitet von Smooth-Graphics am Do 09.08.2007 23:00, insgesamt 1-mal bearbeitet
|
|
|
|
|
Benutzer 36923
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 10.08.2007 13:40
Titel
|
|
|
Also der Inhalt soll selbstverständlich auch wieder zurück nach links scrollbar sein ;D
Habe hier mal einen Screenshot zur Veranschaulichung angehängt.
Also wie durch die Pfeile sichtbar ist, soll das untere Bild direkt rechts neben das links Bild usw. ohne Abstand dazwischen. Also im Prinzip einfach nur eine Aneinanderreihung der Bilder von links nach rechts und nicht von oben nach unten.
Vielen Dank nochmals für eure Hilfe.
Gruß
BZL
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 10.08.2007 13:43
Titel
|
|
|
Mein Beispiel mal angesehen?
|
|
|
|
|
|
|
|
Ähnliche Themen |
Fehlende Scrollbar bei zentriertem Inhalt (CSS)
scrollbar
Scrollbar mit JS
CSS: Scrollbar Problem
[CSS] 100% horizontal Scrollbar im FF?
Div ohne Scrollbar?
|
|