Hintergrund schneidet bei dynamischen Inhalt ab

[Sascha]

Hi Folks,

wie in der Headline beschrieben, habe ich das Problem, dass auf meiner Seite der Hintergrund nicht "mitläuft"!

Um es sich einfach mal selber anschauen zu können, was ich meine, hier ein Link:
<http://saschabohr.bplaced.net/DJ Berry E/index.php>

Es handelt sich dabei um einen DIV-Container, welcher einen grauen Hintergrund hat.

In diesem Container wird via PHP der Inhalt (Text) aus einer Datenbank abgefragt und dann dargestellt!

Wie man auf der Seite "Events" sieht, ist der Text so lang, dass man runterscrollen muss.
Und genau dabei tritt das Problem auf.
Der Hintergrund wird abgeschnitten und übernimmt den weißen Hintergrund vom Body.

Gruß Sascha

[Beat]

Wie man auf der Seite "Events" sieht, ist der Text so lang, dass man runterscrollen muss.
Und genau dabei tritt das Problem auf.
Der Hintergrund wird abgeschnitten und übernimmt den weißen Hintergrund vom Body.

http://saschabohr.bplaced.net/DJ Berry E/index.php?site=events

Hast du nicht definiert:
div#main {
 background-color:#CCCCCC;
 height:100%;
 margin:0 150px;
 padding:15px;
 text-align:center;
}
Genau das macht der Bereich nun: er ist 100% hoch und nicht mehr.
Offenbar willst du weniger "die Höhe" als ein "minimale Höhe" definieren.

mfg Beat

[Sascha]

Hi Folks,

Wie man auf der Seite "Events" sieht, ist der Text so lang, dass man runterscrollen muss.
Und genau dabei tritt das Problem auf.
Der Hintergrund wird abgeschnitten und übernimmt den weißen Hintergrund vom Body.

http://saschabohr.bplaced.net/DJ Berry E/index.php?site=events

Hast du nicht definiert:
div#main {
background-color:#CCCCCC;
height:100%;
margin:0 150px;
padding:15px;
text-align:center;
}
Genau das macht der Bereich nun: er ist 100% hoch und nicht mehr.
Offenbar willst du weniger "die Höhe" als ein "minimale Höhe" definieren.

mfg Beat

Genau das wars...ich Idi*** !

Danke für den Gedankenanstoß, jetzt funktioniert es :)

Gruß Sascha

[MudGuard]

Hi,

Wie man auf der Seite "Events" sieht, ist der Text so lang, dass man runterscrollen muss.

Aber nur, wenn man das Browserfenster verkleinert.

Und genau dabei tritt das Problem auf.
Der Hintergrund wird abgeschnitten und übernimmt den weißen Hintergrund vom Body.

Du sagst, daß das div so hoch sein soll wie der view-port (height:100% in Verbindung mit selbiger Angabe für body/html). Und wunderst Dich dann, daß es genau diese Höhe hat?

(daß der Rest-Inhalt noch angezeigt wird - und zwar außerhalb des div - , liegt am default-Wert visible für overflow)

cu,
Andreas