mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 21:31 Benutzername: Passwort: Auto-Login

Thema: Inhalt soll NUR nach RECHTS scrollbar sein! vom 09.08.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Inhalt soll NUR nach RECHTS scrollbar sein!
Seite: 1, 2  Weiter
Autor Nachricht
Benutzer 36923
Account gelöscht Threadersteller


Ort: -

Verfasst Do 09.08.2007 18:32
Titel

Inhalt soll NUR nach RECHTS scrollbar sein!

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Do 09.08.2007 19:45
Titel

Antworten mit Zitat Zum Seitenanfang

du musst overflow-x und overflow-y angeben.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 09.08.2007 20:03
Titel

Antworten mit Zitat Zum Seitenanfang

Smooth-Graphics hat geschrieben:
du musst overflow-x und overflow-y angeben.


Und das funktioniert mit welchen Browsern?

http://aptana.com/reference/api/CSSElements.field.overflow-x.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Benutzer 36923
Account gelöscht Threadersteller


Ort: -

Verfasst Do 09.08.2007 21:36
Titel

Antworten mit Zitat Zum Seitenanfang

Ist denn jedem bekannt um welche Problematik es mir geht?
Lächel
Gruß
BZL
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 09.08.2007 21:47
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 09.08.2007 22:57
Titel

Antworten mit Zitat Zum Seitenanfang

@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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Benutzer 36923
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 10.08.2007 13:40
Titel

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Fr 10.08.2007 13:43
Titel

Antworten mit Zitat Zum Seitenanfang

Mein Beispiel mal angesehen?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Fehlende Scrollbar bei zentriertem Inhalt (CSS)
scrollbar
Scrollbar mit JS
[CSS] 100% horizontal Scrollbar im FF?
Div ohne Scrollbar?
Firefox Scrollbar (Bug?)
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.