Objekte landen hinter statt unter einem DIV

[TimHentke]

Hallo allerseits,

ich bastele mir mit HTML, PHP und CSS3 eine kleine Webseite für ein Serverprojekt. Soweit hat alles geklappt, aber nun bin ich an einer Zeile dran, die eigentlich wie die anderen funktioniert. Ich habe im CSS so gut wie alles versucht, was in meiner Macht steht und suche deshalb hier um Rat. Es geht um den DIV "motd", dieser ist unter dem restliche Seitenkopf platziert. Allerdings werden alle Objekte, die rein theorhetisch nun auch wieder unter diesem DIV platziert werden sollten, dahinter platziert und gucken bestenfalls am unteren Rand hervor. Im Moment sieht der ganze Spaß wiefolgt aus: http://mc-world.eu
Der Quellcode der header.php sieht so aus:
http://pastebin.com/embed_iframe.php?i=eRGXBsdR

Das CSS-Stylesheet ist folgendes:
http://pastebin.com/embed_iframe.php?i=mXkQVWDG

Weis jemand eine Antwort auf mein Problem?

Grüße
Tim Hentschel

 

[MrMurphy]

Hallo,

insgesamt ist der Quelltext eine Katastrophe. Es gibt nicht mal einen Doctype. Da macht eine Fehlersuche eigentlich gar keinen Sinn.

Das von dir genannte Problem scheint an den vielen Floats zu liegen, die du so freizügig verteilst. Wenn ich das float:left beim div.motd entferne rutscht der Footer darunter, so wie wohl auch geplant ist.

Grundregel: Wer floatet muss auch clearen.

Gruss

MrMurphy

 

[TimHentke]

Hallo,

danke für die schnelle Antwort. Ja, hm das mit dem Quelltext ist mir offensichtlich, der ist katastrophal. Ich werde ihn am Ende nochmal bereinigen. Das Doctype steht in einer Indexdatei, in der die drei seperaten Dateien (Header, Content und Footer) zusammengefügt werden.

Es funktioniert, hierfür bedanke ich mich. Über den desaströsen Quelltext mache ich mir später Gedanken, die Floats habe ich mittlerweile fast alle entfernt :)

Grüße
Tim