"Contenthüpfer" bei Browser-Scrollbar verhindern


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Grafik- & Webdesign
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Nolanus
Gast

Beitrag"Contenthüpfer" bei Browser-Scrollbar verhindern Antworten mit Zitat

axinio Internet Marketing
Hallo,

mir ist bei einem meiner neuen Projekte aufgefallen, dass der Browser den Inhalt einer Seite nicht immer gleich zentriert.
Je nachdem, ob der Inhalt lang genug ist, dass die Scrollbar angezeigt werden muss, hüpft der Inhalt ein wenig nach links bzw. rechts wenn keine da ist.

Ein Beispiel kann man sich wie folgt machen: http://forum.netzgemein.de/post-newtopic-33.html und http://forum.netzgemein.de/
Öffnet man beides in je einem Tab und wechselt dann zwischen diesen hin und her, merkt man, dass die Header nicht zentral untereinander liegen.

Gibt es eine Möglichkeit, dies zu ändern, außer das zentrieren wegzunehmen?


Zuletzt bearbeitet von Nolanus am 24 Jul 2011 14:44, insgesamt einmal bearbeitet
30 Mai 2010 19:27
wpSEO, das Plugin für WordPress SEO
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Mich hatte das auch immer gestört, vor allem dann wenn die Tabelle auf der Seite zentriert wurde.
Tabellen setzt man aber heutzutage nicht mehr zur Seitengestaltung ein.

Mit CSS kann man die Scrollbar ausblenden, (Body - overflow: hidden) das bringt aber nicht viel,
weil der Besucher dann nicht mehr nach unten scrollen kann.

Wenn es sich um ein Frame oder IFrame handelt, kann man mit scrolling="no" die Scrollbar
ausblenden, was den gleichen Effekt hat.

Mit
Code:
body {
 overflow-y: scroll;
}
wird immer eine Scrollbar angezeigt (Meiner Meinung nach die beste Möglickeit um
Contenthüpfer zu verhindern).

Eine andere Möglichkeit die Scrollbar zu manipulieren gibt es nicht,
außer deren Farbe zu ändern ...

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
03 Jun 2010 15:36
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Thaddaeus
Mitglied

Beitrag Antworten mit Zitat

Die bessere Lösung ist: Very Happy

Code:
html { height: 101%; }
12 Okt 2010 14:01
Benutzer-Profile anzeigen Private Nachricht senden
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Das geht natürlich auch Smile
Wie ich sehe machst du auch (so wie ich) nach jeder CSS-Anweisung einen Strichpunkt.
Das habe ich mir durch das PHP-coden so angelernt.
Auch JavaScript-Anweisungen enden bei mir grundsätzlich mit einem Strichpunkt.

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
16 Okt 2010 20:35
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Grafik- & Webdesign Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Bilder nebeneinander mit "links&... Blogs, CMS & Foren 1 PeterPan 29 Jan 2012 00:52 Letzten Beitrag anzeigen
Keine neuen Beiträge "Automatische Navigation" f... PHP / MySQL 3 Werner 17 Dez 2011 20:15 Letzten Beitrag anzeigen
Keine neuen Beiträge Probleme beim öffnen von einem neuen ... (X)HTML 0 Phil1710 19 Mai 2011 12:37 Letzten Beitrag anzeigen
Keine neuen Beiträge "Wüstenfit" PHP / MySQL 0 Creed 17 Mai 2011 17:37 Letzten Beitrag anzeigen
Keine neuen Beiträge div "content" mit wechselnd... Hilfe für Webmaster 1 rusty 04 Apr 2011 12:09 Letzten Beitrag anzeigen