 Scrollbars / Bildlaufleisten
Sie können für Ihre HTML-Seite einen horizontalen oder vertikalen Scrollbar vermeiden, wenn die Inhalte nicht größer als des Browserfenster sind. Außerdem können Sie die Anzeige von Scrollbars unterdrücken.
|
|
unerwünschte Scrollbars - Scrollbars unterdrücken
Sie haben die Informationen zur  Berechnung der benötigten Breite gelesen. Auf meiner Erklärungsseite haben Sie bereits erfahren, dass der zu Verfügung stehende Platz im Browserfenster / im Frame von mehreren Faktoren abhängig ist:
- der Bildschirmauflösing
- der Windowgröße
- der Framegröße
- der Darstellung der Menü- und Symbolleisten
- dem Browser
- eingeschalteten Scrollbars
- Frame / Frameset: Ränder, Margins, Framespacing
- HTML-Dokument: Ränder und Margins
Wenn Sie die exakte, zur Verfügung stehende Breite berechnen und mit dem benötigten Platz für Ihre Inhalte abgleichen, sollte ein horizontaler Scrollbar nicht eingeblendet werden.
Scrollbars unterdrücken mit CSS
Sie können für ein HTML-Dokument die Anzeige von Scrollbars unterdrücken.
1 alle Scrollbars
<style type="text/css">
<!--
body {
overflow:hidden;
}
-->
</style>
<body scroll="no"
2 vertikale Scrollbars
<style type="text/css">
<!--
body {
overflow-y:hidden;
}
-->
</style>
3 horizontale Scrollbars
<style type="text/css">
<!--
body {
overflow-x:hidden;
}
-->
</style>
kurze Übersicht
Overflow ist (normalerweise) eine Angabe für den Bereich eines Elements. Es wird festgelegt wie der Browser verfahren soll, wenn auf Grund des zur Verfügung stehenden Platzes Inhalt nicht mehr angezeigt werden kann. Da wo es 'überläuft' :-) .
Diese Angabe kann für alle Blockelemente notiert werden, also auch für die gesamte Seite.
| Selektor |
Eigenschaft |
Wert |
Ergebnis |
| body, p, span, ... |
overflow: |
visible; |
Der übergroße Inhalt wird angezeigt
Das Element wird in der Größe nicht verändert |
| |
overflow: |
hidden; |
Der übergroße Inhalt wird abgeschnitten
Der Inhalt wird nicht angezeigt |
| |
overflow: |
scroll; |
Der übergroße Inhalt wird abgeschnitten
Ein Scrollbalken wird angezeigt
|
| |
overflow: |
auto; |
Browserabhängig
normlerweise identisch mit 'scroll' |
| |
overflow-x: |
|
Angaben für horizontalen Überlauf
|
| |
overflow-y: |
|
Angaben für vertikalen Überlauf |
(overflow-x offiziell erst in CSS3, wird aber von einigen älteren Browsern bereits unterstützt)
Scrollbars unterdrücken in der Frameset-Deklaration
Sie können bei der Deklaration eines Framesets für einen Frame die Anzeige von Scrollbars unterdrücken. Das gilt dann für alle in dem Frame angezeigten HTML-Dateien.
<frameset rows="250,*" border="0" ...
<frame scrolling="no" name="oben" src="oben.htm" ...
<frame scrolling="auto" name="unten" src="unten.htm" ...
 die Seite 'springt' in der Horizontalen - Scrollbars erzwingen
Tabellen mit Scrollbars
zur Verfügung stehende Fenstergröße berechnen
Grafik strecken fensterfüllend anzeigen
|
Home • Fehlersuche • Scrollbars