✔ Div ragt über ein anderes Div

[GottiRhg]

Ich habe noch ein Problem

Nachdem mir eben schon sehr gut geholfen wurde, habe ich ein neues Problem.

Wenn ich ordentlich Inhalt in meinem Main-Container habe, ragt er bei einer Auflösung von z.b. 1024x768 bzw. einem kleineren Browserfenster über mein Main-Container hinaus.

Siehe: http://gottisland.de/new/css/
Und einfach mal das Browserfenster verkleinern...

Woran könnte das liegen!?

Hatte was mit float und clear gelesen. Aber keinerlei Erfahrung mit clear.

 

[Maik]

Hi,

die height:100%-Deklaration wird von den modernen Browsern als fixe Höhe behandelt.

Optimalerweise sollte für das DIV #main_page eine Mindesthöhe von 100% eingerichtet, und darin alle Spaltenhintergründe in einem einzigen Hintergrundbild vereint eingesetzt werden - Stichwort: Faux Columns.

 

[GottiRhg]

also einen div-container "page" um alle div's hauen und dem 100% mitgeben!?

 

[Maik]

Schau dir mal mein CSS-Tutorial CSS-Layout mit 100%-Höhe an.

 

[GottiRhg]

hmm... ein gutes tutorial...

muss ich meine page eben nochmal komplett umbauen. zum 5mal inzwischen

 

[GottiRhg]

okay,

habe mir dein tutorial als grundlage genommen und meine page darauf aufgebaut...

sieht soweit auch ganz gut aus.

einziges problem:

http://gottisland.de/new/css/index2.htm

wieso ist unter jedem container nochmal das hintergrundbild in 1px höhe?

 

[Maik]

Das hängt mit den "Whitespaces" (Zeilenumbrüche, Tab-Einrückungen) vor und hinter den Grafikelementen zusammen.

Nimm daher folgende Regel im Stylesheet auf:

img {
display:block;
}

 

[GottiRhg]

yeah cool!

dank dir!

da habe ich doch heute wieder einiges dazu gelernt

einfach genial, wie einem hier immer geholfen wird!