✔ Problem mit Höhenangabe in div

[julchen]

Hallo,
ich hab ein Grundgerüst erstellt und hab das Problem, dass der content Bereich mit einem div nicht die volle Höhe einnimmt, sondern abgeschnitten wird.

Unter folgendem Beispiel seht Ihr das Problem:

http://www.plastisches.de/test/test.html

Der mittlere Bereich wird nicht voll dargestellt, sondern wird abgeschnitten. ich find den Fehler einfach nicht.

Wer findet den Fehler und kann mir helfen?

Gruss
Julchen

 

[Maik]

ich find den Fehler einfach nicht.

Wer findet den Fehler und kann mir helfen?

http://jigsaw.w3.org/css-validator/

mfg Maik

 

[Maik]

Sodele, da bin ich wieder, nachdem ich deinen CSS-Code studiert, und das Seitenkonzept verstanden habe.

Da der Footerbereich mt einer absoluten Positionierung aus dem normalen Textfluß genommen wird, um ihn am unteren Rand von #box auszurichten, muß im Gegenzug der Block #box_content einen unteren Innenabstand erhalten, der sich an der Höhe des Footers orientiert, damit sein Inhalt nicht den Footer "unterwandert".

#box_content{
background:#fff;
padding-bottom:151px;
}

Zudem solltest du dein CSS validieren, denn neben 60 Warnungen, gibt der Validator auch drei Syntax-Fehler aus:

• http://jigsaw.w3.org/css-validator/...rofile=css21&usermedium=all&warning=1&lang=de

mfg Maik

 

[julchen]

Danke dir,
manchmal sieht man den Wald für lauter Bäumen nicht.

Gruss
Julchen

 

[julchen]

Hallo,
vielleicht könntest du mir doch nochmals helfen. Die groben "Unstimmigkeiten" hab ich beseitigt.

Das was ich nicht verstehe sind die Warnungen. Er meckert die gleichen Vorder- und Hintergrundfarben an. Ich kann aber bei den Warnungen kein Fehler entdecken, bzw. nichts was Fehler verursachen würde. Was meinst du dazu?

Gruss
Julchen

 

[Maik]

Wo ein Element in der Kaskade eine Hintergrundfarbe erbt, erwartet der Validator für dieses Element eine Vordergrundfarbe (Schriftfarbe) mit anderem Farbwert, und umgekehrt.

mfg Maik

 

[julchen]

Ach so, dass ist aber in meinem Beispiel gerade nicht möglich, also muss ich die Warnungen ignorieren. Oder hast du einen anderen Vorschlag.

Gruss
Julchen

 

[Maik]

Hast du mal einen Beispielfall, in dem dies nicht möglich sein soll?

#box_content{
padding-bottom:175px;
/*background:#fff;*/ /* von mir auskommentiert, streicht direkt 5 Warnungen aus der Liste */
}

Ansonsten validier nach "CSS Level 3"

• http://jigsaw.w3.org/css-validator/...profile=css3&usermedium=all&warning=1&lang=de

mfg Maik