Erzwingen vertikaler Scrollbalken
| Verfasst am: 11. 04. 2010 [14:01] | |||
lwulfe Dabei seit: 02.10.2009  Themenersteller  807 Beiträge | Beitrag hilfreich? | ||
| Mit "body { overflow-y:scroll; }" verhindere ich, dass das Layout seitlich hin und her springt wenn sich die Länge der Seite ändert. Da es sich um eine CSS3-Anweisung handelt, muss ich wohl den Fehler im CSS-Validator "Die Eigenschaft overflow-y existiert nicht in CSS level 2.1, aber in : scroll scroll" in Kauf nehmen. Das geringere Übel also. Oder gibt es eine valide Lösung? | |||
| Verfasst am: 11. 04. 2010 [16:36] | |||
FoolMoon Dabei seit: 16.05.2009 326 Beiträge | Beitrag hilfreich? | ||
| Ich blende das Ding einfach immer ein. Einen anderen Weg kenne ich nicht. body,html { margin-bottom:1px; /* Anzeige der Scrollbar */ } | |||
| Verfasst am: 11. 04. 2010 [17:30] | |||
lwulfe Dabei seit: 02.10.2009 Themenersteller 807 Beiträge | Beitrag hilfreich? | ||
FoolMoon schrieb: Ich blende das Ding einfach immer ein. Einen anderen Weg kenne ich nicht. body,html { margin-bottom:1px; /* Anzeige der Scrollbar */ } Hallo Paul, das margin-bottom hat leider keinen Effekt bei meiner Seite. Der Scrollbalken verschwindet bei kürzeren Seiten. Grüße Lutz | |||
| Verfasst am: 11. 04. 2010 [18:22] | |||
webdesignwww Dabei seit: 01.04.2010   61 Beiträge | Beitrag hilfreich? | ||
| Hallo, hm, also evtl. kannst du versuchen, dass du die gesamte Seite in einem DIV-Container packst. <div id="page"> hast du ja eh schon. Wenn du hier dem <div> eine breite von 1000px gibst und den Inhalt zentriert ausrichtest, zzgl. den Div-Container links ausrichtest, kannst du das Springen evtl. Verhindern und du bräuchtest das overflow-y: scroll; nicht. Bei Bedarf des Scrollbalkens schaltet er sich ein aber die Seite springt nicht mehr. Ob das die sauberste Lösung ist, kann ich nicht beurteilen aber ich denke, zumindest wäre vielleicht eine korrekte Validation möglich. Also vielleicht ist es ein versuch Wert und ist meinerseits nur eine Idee und sogar eine Lösung. Viele Grüße, Andreas Webdesign World Wide Web Andreas Blomenhofer Web: http://www.webdesign-www.de Web-Blog: http://blog.webdesign-www.de | |||
| Verfasst am: 11. 04. 2010 [18:55] | |||
hansen Dabei seit: 18.05.2009  1421 Beiträge | Beitrag hilfreich? | ||
| Absolut unprofessionell und unschön, aber 100% valide: <p> </p> hansen | |||
| Verfasst am: 11. 04. 2010 [19:21] | |||
Bazzel Dabei seit: 04.06.2009  289 Beiträge | Beitrag hilfreich? | ||
lwulfe schrieb: FoolMoon schrieb: Ich blende das Ding einfach immer ein. Einen anderen Weg kenne ich nicht. body,html { margin-bottom:1px; /* Anzeige der Scrollbar */ } Hallo Paul, das margin-bottom hat leider keinen Effekt bei meiner Seite. Der Scrollbalken verschwindet bei kürzeren Seiten. Grüße Lutz Hallo Lutz, versuch mal das: html { height: 100%; margin-bottom: 1px; overflow-y:scroll;} Gruß Joachim | |||
| Verfasst am: 11. 04. 2010 [19:31] | |||
hansen Dabei seit: 18.05.2009 1421 Beiträge | Beitrag hilfreich? | ||
Bazzel schrieb: html { height: 100%; margin-bottom: 1px; overflow-y:scroll;} Gruß Joachim Leider auch nicht valide. hansen | |||
| Verfasst am: 11. 04. 2010 [19:33] | |||
UFOMelkor Dabei seit: 20.10.2009  348 Beiträge | Beitrag hilfreich? | ||
| Gerade das overflow-y will er doch vermeiden. Ich meine, beim YAML-Framework hätte es früher einen anderen Workaround gegeben, auch irgendetwas in RIchtung margin, aber genau weiß ich das leider nicht mehr. Ist die Validität denn so wichtig? Es wird schließlich von allen gängigen Browsern unterstützt ... [Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 11.04.2010 um 19:35.] | |||
| Verfasst am: 11. 04. 2010 [19:49] | |||
lwulfe Dabei seit: 02.10.2009 Themenersteller 807 Beiträge | Beitrag hilfreich? | ||
UFOMelkor schrieb: Gerade das overflow-y will er doch vermeiden. Ich meine, beim YAML-Framework hätte es früher einen anderen Workaround gegeben, auch irgendetwas in RIchtung margin, aber genau weiß ich das leider nicht mehr. Ist die Validität denn so wichtig? Es wird schließlich von allen gängigen Browsern unterstützt ... Habe ich ja geschrieben. Der Verstoß gegen die Validität ist das geringere Übel. Den Tipp mit overflow-y habe ich übrigens aus YAML. Kommentar dazu: "Hinweis: Achten Sie beim Validieren Ihrer Stylesheets darauf, dass die Eigenschaft overflow-y offiziell erst mit dem CSS 3 Standard eingeführt wird und somit bei Validierung nach CSS 2 einen Fehler erzeugen wird, den Sie jedoch ignorieren können." Ich würde natürlich lieber eine Alternative nutzen, wenn es eine gibt ... | |||
| Verfasst am: 11. 04. 2010 [20:13] | |||
UFOMelkor Dabei seit: 20.10.2009 348 Beiträge | Beitrag hilfreich? | ||
| Ich hab mich mal ein wenig im YAML-Forum schlaugemacht, die overflow-y Lösung ist ja auch da relativ neu. Die vorher beste Lösung war anscheinend CSS html {height: 100.3%; margin-bottom: 1px;} Könnte aber bei neueren Browsern Problemen schaffen. Die vorherige Lösung CSS html {height: 100%; margin-bottom: 1px;} scheint bei Safari 4 und Firefox 3.5 Probleme gemacht zu haben. Ich würde dir im Hinblick auf die Zukunft zur overflow-y raten. | |||
Premium-Mitglied
Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.
Werde in Echtzeit über neue Foren-Beiträge informiert:
10 Mitglieder waren innerhalb der letzten 15 Minuten online (62 heute gesamt):
ak811, Charolais, EJRgb, ElkeTrautmann, kapasho, minicross, mogli, oms, Profischnell, Zufor_GmbH
Administratoren und Moderatoren:
[keine]
Seitenreport hat 18117 registrierte Mitglieder, 3001 Themen und 29104 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 12 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 8 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.
Lade...
Neueste Foren-Beiträge
 | Hotelbericht Entwickler Treffpunkt / Website vorstellen | Heute [07:54] |
| Ab 1. August neue Button-Regelung für Shopbetreiber Internet / News | Heute [07:28] |
| Statt Domain erscheint das Verzeichnis Webserver / htaccess | Gestern [17:00] |
 | Statcounter - Chrome vor IE Web-Entwicklung / Sonstige | Gestern [14:34] |
| Pagespeed Integration: grundlegend verbessert Internes & Ankündigungen / Internes | Gestern [13:52] |
Lade...
Aktuelle Artikel:
Facebook - eine neue Tech-Blase?
Facebook ist in den vergangenen Tagen wegen seines Börsenganges und den dabei eingefahrenen Investorengeldern von 16 Milliarden Dollar großflächig in die Kritik geraten. Der Marktwert von 104 Milliarden Dollar wird von vielen als maßlos übertrieben angesehen. Ist Facebook eine neue Internet-Blase, die in den nächsten Jahren platzen wird?
Suchmaschinenoptimierung seit dem Google Penguin Update
Das neue Update vom Branchenriesen Google wird in Seo-Kreisen gerne mit einem Erdbeben verglichen. Diese Metapher trifft die Sachlage sehr gut, denn der Pinguin bringt die Arbeitsfundamente der Suchmaschinenoptimierer gehörig ins Wanken.
Tipps für den guten Start ins Business
Sich selbstständig machen, eine Firma gründen und direkt ins eigenständige Berufsleben einzusteigen klingt spannend und irgendwie auch einfach. Doch einfach ist es ganz und gar nicht...
Facebook - eine neue Tech-Blase?
Facebook ist in den vergangenen Tagen wegen seines Börsenganges und den dabei eingefahrenen Investorengeldern von 16 Milliarden Dollar großflächig in die Kritik geraten. Der Marktwert von 104 Milliarden Dollar wird von vielen als maßlos übertrieben angesehen. Ist Facebook eine neue Internet-Blase, die in den nächsten Jahren platzen wird?
18. Mai 2012
Suchmaschinenoptimierung seit dem Google Penguin Update
Das neue Update vom Branchenriesen Google wird in Seo-Kreisen gerne mit einem Erdbeben verglichen. Diese Metapher trifft die Sachlage sehr gut, denn der Pinguin bringt die Arbeitsfundamente der Suchmaschinenoptimierer gehörig ins Wanken.
15. Mai 2012
Tipps für den guten Start ins Business
Sich selbstständig machen, eine Firma gründen und direkt ins eigenständige Berufsleben einzusteigen klingt spannend und irgendwie auch einfach. Doch einfach ist es ganz und gar nicht...
14. Mai 2012