HTML5/CSS3: Platz unter überlangem <div>
Verfasst: 29.03.2013 15:49
Hallo.
Ich habe einen <div> Container mit dem Hauptinhalt auf meiner Seite.
dieser hat absolute Abstände nach oben, prozentuale zu den Seiten und eine automatische Höhe (da die Inhalte unterschiedlich lang sind).
Sobald nun ein Inhalt zu lang ist, erscheinen Scrollbalken. Wenn man nun nach unten scrollt, wird nur bis zum untersten Ende des <div>s gescrollt. Ich möchte nun, daß nach dem <div> noch weiter gescrollt wird, damit der Schatten des <div>s voll zur Geltung kommt (also ~20 Pixel.)
Hier die CSS Daten des Containers;
Ich habe einen <div> Container mit dem Hauptinhalt auf meiner Seite.
dieser hat absolute Abstände nach oben, prozentuale zu den Seiten und eine automatische Höhe (da die Inhalte unterschiedlich lang sind).
Sobald nun ein Inhalt zu lang ist, erscheinen Scrollbalken. Wenn man nun nach unten scrollt, wird nur bis zum untersten Ende des <div>s gescrollt. Ich möchte nun, daß nach dem <div> noch weiter gescrollt wird, damit der Schatten des <div>s voll zur Geltung kommt (also ~20 Pixel.)
Hier die CSS Daten des Containers;
Code: Alles auswählen
#center {z-Index:1;
position:absolute; top:80px; left:10%; right:10%;
padding-left:4%; padding-right:4%;
padding-top:20px; padding-bottom:20px;
width:auto; height:auto;
box-shadow: 3px 3px 3px #333;
background-color:#eeeeee; text-align:left;
}