Überhängende Inhalte
Es kann v.a. bei dynamischen Webseiten vorkommen, dass ein Element fÜr den darzustellenden Inhalt zu klein ist.
Ist für ein Element beispielweise eine feste Breite definiert, wird diese aber durch den eingeladen Inhalt überschritten, sollte dem Browser die Information mitgegeben werden, wie der Inhalt in diesem dargestellt werden soll.
Beispiel: Breite eines Elementes ist als 200px definiert; das in diesem Element darzustellende Bild wird
aus einer Datenbank geladen und hat eine Breit von 250px.
In CSS wird durch overflow: xxx das Verhalten des Überhängenden Inhaltes definiert
werden. xxx kann folgende Werte annehmen:
CSS Wertebereich für overflow:
visible: Der Überhängende Inhalt wird außerhalb des Elements dargestellt
hidden: Der Überhängende Inhalt wird nicht dargestellt
scroll: Innerhalb der Element kann gescrollt werden, so dass gesamte Inhalt innerhalb des Elements dargestellt wird.
auto: Der Browser trifft die Entscheidung, wie mit dem Überhängenden Inhalt umgegangen werden soll.
inherit: Die Definition des Elternelements wird Übernommen.
hidden: Der Überhängende Inhalt wird nicht dargestellt
scroll: Innerhalb der Element kann gescrollt werden, so dass gesamte Inhalt innerhalb des Elements dargestellt wird.
auto: Der Browser trifft die Entscheidung, wie mit dem Überhängenden Inhalt umgegangen werden soll.
inherit: Die Definition des Elternelements wird Übernommen.
Verschaff Dir einen Überblick
Wissenswertes, Hilfestellung und Lösungen rund um das Thema CSS:A
Absolute und relative MaßeAbgerundete Ecken
Anordnung
B
background-attachmentbackground-position
C
cm (Zentimeter)Color
Contextual Selectors
CSS Formatierungen
CSS-Sprites
D
Definition mehrerer TagsE
Ebenen / LayerEcke / Eckenrundung
Einbindung CSS
em
ex
Externe CSS-Datei
F
FarbenFarbcodes
Farbnamen
Farbverlauf
Fixierter, fester Hintergrund
G
GradientGrundlagen
H
HintergrundbildHintergrundbild Positionierung
Hover-Effekt über Hintergrundbild
I
IDsin (Inch)
Interne CSS-Datei
K
KlassenKlassifizierung
L
Layer / EbenenListen
P
pcPosition
Positionierung Hintergrundbild
pt (Pica)
px (Pixel)
R
Rahmen FormatierungReihenfolge von Elementen
Relative und absolute Maße
repeat Möglichkeiten
Runde Ecken
S
SchriftformatierungScrollbarer Hintergrund
Sichtbarkeit
Sprites
Stylesheet
T
TextflussTextgestaltung
U
Überhängende InhalteÜbereinander liegende Elemente
V
VererbungVerlauf / Verläufe
