HTML5/CSS3: Platz unter überlangem <div>

Alles Wissenswerte über Skripte, Browser, Makros, PhP, HTML...

Moderatoren: Moderatoren, Redakteure

Antworten
Benutzeravatar
Worrelix
Beiträge: 3636
Registriert: 10.12.2009 19:48
Persönliche Nachricht:

HTML5/CSS3: Platz unter überlangem <div>

Beitrag von Worrelix »

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;

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;
}
Benutzeravatar
Worrelix
Beiträge: 3636
Registriert: 10.12.2009 19:48
Persönliche Nachricht:

Re: HTML5/CSS3: Platz unter überlangem <div>

Beitrag von Worrelix »

Keiner ne Idee?
Benutzeravatar
ico
Beiträge: 15747
Registriert: 05.12.2008 15:06
Persönliche Nachricht:

Re: HTML5/CSS3: Platz unter überlangem <div>

Beitrag von ico »

Gib dem Body ein Padding Bottom.
Benutzeravatar
Worrelix
Beiträge: 3636
Registriert: 10.12.2009 19:48
Persönliche Nachricht:

Re: HTML5/CSS3: Platz unter überlangem <div>

Beitrag von Worrelix »

bringt nix. (jedenfalls nicht in Chrome)

Inzwischen habe ich eine ähnliche praktikable Lösung gefunden:
das <div> in ein weiteres <div> gepackt und dem äußeren ein padding-bottom verpasst
Benutzeravatar
ico
Beiträge: 15747
Registriert: 05.12.2008 15:06
Persönliche Nachricht:

Re: HTML5/CSS3: Platz unter überlangem <div>

Beitrag von ico »

Interessant dass er es ignoriert. Schön wenn du einen Workaround gefunden hast. Find ich zwar etwas schade, aber ist nicht so schlimm.
Antworten