DIVs floaten nicht ganz wie gewollt.

[PSparr]

Hallo,

ich bin dabei ein Homepagelayout nur mit DIVs und css zu erstellen. Es funktioniert soweit schon.
Hinweis: Zur besseren Übersicht sind die DIVs gefärbt.
Nur ein Problem bleibt:
Der dunkelblaue Container (in der template.css als "#main") ...
Bild sehe hier:


... soll bis zum Footer reichen. Das habe ich einfach nicht hinbekommen.
Wo liegt da der Fehler in der template.css-Datei?

Index.html und css-Dateien hier als .zip:


Gruß Jörg

 

[rest5]

AW: DIVs floaten nicht ganz wie gewollt.

Deine .zip Datei lässt sich bei mir nicht entpacken und in Deiner Abbildung ist der einzige dunkelblaue Container das Top-Menü!

???

 

[sokie]

AW: DIVs floaten nicht ganz wie gewollt.

nicht ganz sicher ob das all deine Probleme löst.. aber wenn der div

<div id="clear"</div>

vorn geschlossen wäre, würde das die Sache wohl sichtbar ändern.

 

[PSparr]

AW: DIVs floaten nicht ganz wie gewollt.

Gemeint ist das dunkelblaue Div, was unter dem linken Menü noch zu sehen ist. Das erstreckt sich (so soll es sein) über den ganzen mittleren Bereich.

Die .zip-Datei kann ich problemlos entpacken, mit verschiedenen Programmen.

Habe die Dateien jetzt nochmal mit winrar gepackt:


Gruß Jörg

@sokie
danke, noch ein Fehler den ich nicht gesehen hatte. Daran lag es aber leider nicht. Und unter #main "height: 100%;" einzutragen, ändert leider auch nichts.

 

[sokie]

AW: DIVs floaten nicht ganz wie gewollt.

deine Floats müssen gecleart erden, bevor dein #main endet, damit der sich in der Höhe anpassen kann.
Zb vor dem schliessenden </div> des main, ein leeres <div class="clear"></div>

das id="clear" ist ungültig, da elemente mit der id mehrmals in deinem Code vorkommen. Als Lösung kannst du statt id eine class benutzen. (im css dann entsprechend .clear)

der fehler mit dem nicht geschlossenen div(clear) ist mehrmals im dokument

(PS: entpacken mit 7-Zip war in beiden Versionen unproblematisch)

 

[PSparr]

AW: DIVs floaten nicht ganz wie gewollt.

@sokie,
genau das war's. Ich danke Dir. Das clear an der richtigen Stelle macht's eben. Jetzt geht "main" auch bis zum Footer.
Die div id="clear" waren auch überflüssig. Und natürlich kann man eine ID nur einmal vergeben. Da bin ich die ganze Zeit "das falsche Pferd geritten."

(Das die zip-Dateien nicht zu entpacken sein sollen, war mir auch schleierhaft)

Gruß Jörg