mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:04 Benutzername: Passwort: Auto-Login

Thema: [CSS] Horizontal Scrollen vom 08.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Horizontal Scrollen
Seite: 1, 2  Weiter
Autor Nachricht
Dump
Threadersteller

Dabei seit: 08.06.2008
Ort: Weiden, Opf, Bayern
Alter: 34
Geschlecht: Männlich
Verfasst So 08.06.2008 09:04
Titel

[CSS] Horizontal Scrollen

Antworten mit Zitat Zum Seitenanfang

Hallo,

nach meiner Suche im Netz nach einer funktionierenden Lösung bin ich wieder mal aufs MGF gestoßen und jetzt, nachdem sich das Problem partout nicht lösen lässt, habe ich mich eben registriert um von den Profis mal ein bisschen Hilfe zu erbetteln

Punktum, es geht um ein altes Thema, das auch hier im Forum mehrmals angerissen wurde. Ich habe eine Menge alter Designideen auf einen Haufen geschmissen und mal wieder was neues für eine Webseite konzipiert. Die schöne Idee bei der ich festhänge, Stichwort "Horizontal Scrolling"

Code:
##header#menu##
###############
##[text,bild, divbox],[text,bild, divbox],[text,bild, divbox]
###############
##footer########


wie ihr bereits seht, soll das ganze über den rechten Bildschirmrand horizontal scrollen, wenn möglich soll das natürlich ohne Tabellen geschehen.

html-code, existenzieller:
Code:

       <div id="body">
           <div id="gallery">
                          <div class="squareplate">
                              <p>text</p>
                              <img src="photo.jpg" height="395" width="391" />
                          </div>
           </div>
       </div>


das squareplate wiederholt sich entsprechend oft und soll in einer Reihe angezeigt werden. !

css-code:
Code:

   #body {
       overflow : auto;
       width : 100%;
       background-color: white;
       margin-bottom: 0.5em;
   }

   #gallery {
       height: 400px;
       float: left;
       display: inline;
       white-space: nowrap;

   }

   .squareplate {
       float: left;
       background: #F8F8F8;
       height: 395px;
       border: 1px dotted #CCCCCC;
       display: inline;

   }

   .squareplate p {
       white-space: normal;
       float: left;
       width: 200px;
   }


Also lieber liebes MGF ^^ besorgs mir Lächel Es würde mich sehr freuen wenn ich das irgendwann hinkriegen könnte und die tausend Tipps die ich gesucht und gefunden habe, irgendwie wollen die mir alle keine Divs zulassen und finden ihr Ende an der rechten Bildschirmwand, sprich brechen dort um.

Ganz lieben Dank für Hilfestellungen, es mag mich nicht ^^

lg
Anselm
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst So 08.06.2008 12:15
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

ehm also es mag sein, dass ich dich falsch verstanden habe ... falls ja korrigier mich bitte *zwinker*
Ich denke aber was du meinst wäre eigentlich folgendes:

Code:

overflow-x: auto;


Für das Div oder den Container der deinen Inhalt umgibt. Er erzeugt eben dann eine horizontale Scrollbar falls der Inhalt größer ist als die festgelegte Größe des Divs.

Gruß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Dump
Threadersteller

Dabei seit: 08.06.2008
Ort: Weiden, Opf, Bayern
Alter: 34
Geschlecht: Männlich
Verfasst So 08.06.2008 12:44
Titel

Antworten mit Zitat Zum Seitenanfang

Erstmal danke für den Versuch ^^

Problem ist aber nach wie vor, das der Browser die einzelnen Div-Elemente umbricht, folglich kann ich auch overflow-x: scroll; eintippen und es ändert sich nichts, an der Art der Anzeige der Elemente.

Ich habs auch mal mit Listen versucht und die über display: inline; versucht zu überzeugen das eine Zeile viel schöner ist, hab es aber damit ebenfalls nicht geschafft.

vielleicht aus Interesse, Text und Bild sind blind und geklaut, dient alles nur zur veranschaulichung: http://www.rotorkollektiv.de/homepage/


Zuletzt bearbeitet von Dump am So 08.06.2008 12:47, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 08.06.2008 14:36
Titel

Antworten mit Zitat Zum Seitenanfang

Wie bist du denn hier gelandet? Über eines der Themen in welchen das schon behandelt wurde?
Mit der Lösung nicht zufrieden? Ansonsten benutze halt einfach mal die Suche.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst So 08.06.2008 16:20
Titel

Antworten mit Zitat Zum Seitenanfang

Dump hat geschrieben:
Erstmal danke für den Versuch ^^

Problem ist aber nach wie vor, das der Browser die einzelnen Div-Elemente umbricht, folglich kann ich auch overflow-x: scroll; eintippen und es ändert sich nichts, an der Art der Anzeige der Elemente.

Ich habs auch mal mit Listen versucht und die über display: inline; versucht zu überzeugen das eine Zeile viel schöner ist, hab es aber damit ebenfalls nicht geschafft.

vielleicht aus Interesse, Text und Bild sind blind und geklaut, dient alles nur zur veranschaulichung: http://www.rotorkollektiv.de/homepage/


Hi,

sorry ich hatte dich falsch verstanden. Ohne mich festlegen zu wollen würde ich allerdings sagen, dass es so wie du es machen möchtest nicht funktioniert. Dein Container "Gallery" brauch auf jeden Fall eine feste Breite ansonsten wird das floaten der inneren Divs nie funktionieren.

Gruß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Dump
Threadersteller

Dabei seit: 08.06.2008
Ort: Weiden, Opf, Bayern
Alter: 34
Geschlecht: Männlich
Verfasst So 08.06.2008 17:08
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
Wie bist du denn hier gelandet? Über eines der Themen in welchen das schon behandelt wurde?
Mit der Lösung nicht zufrieden? Ansonsten benutze halt einfach mal die Suche.


Hier gelandet bin ich über Google, registriert war ich auch schonmal und mit die Lösungen die ich fand, mit denen war ich nicht zufrieden. Aus dem Grund eben ein neuer Thread, wie man das halt so macht wenn man Fragen hat, oder? ^^

@Snifferdog: Der Container braucht eine fixe Breite? Also ich hatte schonmal width: 100%; drinstehen womit ich die Scrollbar an den rechten Rand des Browsers verbannen konnte, die zieht sich nämlich bei overflow-x: auto an den Rand des Inhalts. Umgebrochen werden die Elemente aber weiterhin.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 08.06.2008 18:35
Titel

Antworten mit Zitat Zum Seitenanfang

Dump hat geschrieben:
m hat geschrieben:
Wie bist du denn hier gelandet? Über eines der Themen in welchen das schon behandelt wurde?
Mit der Lösung nicht zufrieden? Ansonsten benutze halt einfach mal die Suche.


Hier gelandet bin ich über Google, registriert war ich auch schonmal und mit die Lösungen die ich fand, mit denen war ich nicht zufrieden. Aus dem Grund eben ein neuer Thread, wie man das halt so macht wenn man Fragen hat, oder? ^^


Ja so macht man dass *zwinker* Sollte jetzt auch nur klären ob du mit den Lösungen welche
hier nachzulesen sind aus irgendeinem Grund unzufrieden bist, da ich weiß dass das Thema
hier schon behandelt wurde.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Dump
Threadersteller

Dabei seit: 08.06.2008
Ort: Weiden, Opf, Bayern
Alter: 34
Geschlecht: Männlich
Verfasst So 08.06.2008 18:38
Titel

Antworten mit Zitat Zum Seitenanfang

Spätestens beim erneuten Besuch meines Threads wäre ich ja auf die Ahnlichkeitsanzeige gestoßen und wie gesagt ich habe mich wirklich nur deswegen neu registriert weil ich einfach keine Lösung finden konnte die funktioniert. Das einzige was ich sah, ware einmal eine Tabelle die einfach nur eine <tr> hatte, aber das ist doch ekelig. Das soll korrekter Code sein, nicht nur wohlgeformter *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Automatisch horizontal scrollen
Horizontal Scrollen - Dreamweaver
Horizontal Scrollen mit Previous und Next
automatisch mit javascript horizontal und vertikal scrollen
[Javascript] iframe horizontal UND vertikal scrollen
DIV dazu bringen per klick horizontal zu scrollen
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.