| [HomePage :: Themes :: ein vorhandenes Theme ändern :: Dieser Seite] |
Seitenspringen durch Scrollbar verhindern |
Manchmal möchte man, dass die Seite nicht um ca. 16Pixel nach links hüpft nur weil plötzlich eine Scrollbar eingeblendet werden muss.
Eine der einfachsten, ist in diesem Fall auch eine der besten Lösungen.
Funktionieren tut das mit einem einfachen Trick.
Wir teilen dem Brwoser mit dass auch dann eine Scrollbar angezeigt werden soll wenn diese eigentlich garnicht nötig wäre. Natürlich ist die inaktiv und unauffällig. Wenn dann eine Scrollbar nötig wird, wird sie einfach aktiv, doch diesmal bleibt die Seite wo sie sein soll und wackelt nicht herum.
Und so gehts:
Öffne deine style.css Themedesigndatei.
Suche den html Eintrag der in etwa so aussehen dürfte:
Achtung: Wenn bei "html" zugleich auch das "body"-Aussehen mitbestimmt wird, dann muss der "body"-Bereich rausgenommen und extra ohne den untrigen CSS-Code angegeben werden. Ansonsten würde man 2 Scrollbars sehen, einen für den "html", und einen für den "body" Bereich!
Das zu verwendende Zauberwort lautet nun:
Dieses zum obigen Code hinzufügen, so wie hier:
Speichern, hochladen, Seite aktualisieren und über zuckelfreie Darstellung freuen!
Eine der einfachsten, ist in diesem Fall auch eine der besten Lösungen.
Funktionieren tut das mit einem einfachen Trick.
Wir teilen dem Brwoser mit dass auch dann eine Scrollbar angezeigt werden soll wenn diese eigentlich garnicht nötig wäre. Natürlich ist die inaktiv und unauffällig. Wenn dann eine Scrollbar nötig wird, wird sie einfach aktiv, doch diesmal bleibt die Seite wo sie sein soll und wackelt nicht herum.
Und so gehts:
Öffne deine style.css Themedesigndatei.
Suche den html Eintrag der in etwa so aussehen dürfte:
html {
background:url(images/bodybg.jpg) repeat-x;
font-family: Tahoma, Arial, sans-serif;
line-height: 1.3em;
margin:0;
padding: 0;
font-size: 13px;
color: #333;
}Achtung: Wenn bei "html" zugleich auch das "body"-Aussehen mitbestimmt wird, dann muss der "body"-Bereich rausgenommen und extra ohne den untrigen CSS-Code angegeben werden. Ansonsten würde man 2 Scrollbars sehen, einen für den "html", und einen für den "body" Bereich!
Das zu verwendende Zauberwort lautet nun:
overflow-y:scroll; Dieses zum obigen Code hinzufügen, so wie hier:
html {
background:url(images/bodybg.jpg) repeat-x;
font-family: Tahoma, Arial, sans-serif;
line-height: 1.3em;
margin:0;
padding: 0;
font-size: 13px;
color: #333;
overflow-y:scroll;
}Speichern, hochladen, Seite aktualisieren und über zuckelfreie Darstellung freuen!
