nicht angemeldet
DIV über die gesamte Höhe des Parental-DIVs strecken?
Moin selfhtml-Forum!
Folgenden Beitrag habe ich auch im Usenet in der Gruppe de.comm.infosystems.www.authoring.misc verfasst, möchte das ganze aber nochmal einer größeren Masse zur Verfügung stellen und poste daher den Beitrag hier nochmal ganz stumpf, da ich ehrlich gesagt bin auch zu faul bin um diesen Beitrag nochmal neu zu verfassen. ;)
Ich hoffe ihr könnt mir bei meinem Problem helfen, in der Newsgroup konnte man das leider bisher nicht.
Hallo NG,
ich bin gerade dabei eine relativ einfache HTML-Homepage mit CSS-Design
zu schreiben und habe nun folgendes Szenario:
Ein .main-DIV umschließt die DIVs .navi und .content.
.content floatet nach rechts, während .navi somit links von .content sitzt.
Damit sich das .main-DIV je nach Größe der DIVs streckt, die sich in ihm
befinden, habe ich am Ende von .main ein DIV namens .space, das die
Eigenschaft "clear: both;" enthält, sodass es von .content und .navi
nach unten geschoben wird und somit .main streckt.
Da .navi ein Hintergrundbild enthält und dieses Hintergrundbild über die
gesamte Höhe von .main gehen soll, muss nun .navi immer die gesamte Höhe
von .main abdecken, was unter Gecko und Opera problemlos geht, wenn ich
in .navi wieder ein .space-DIV unterbringe (fragt mich nicht, wieso das
geht, ich halte es für unlogisch, da .navi keine floatenden DIVs enthält
und somit "clear" an der Stelle keine Funktion haben sollte, aber es geht).
Jedenfalls ist es beim IE so, dass das .navi-DIV nur so hoch ist, wie
der Inhalt, der sich darin befindet und somit nicht die ganze Höhe des
.main-DIVs abdeckt, sobald .content etwas länger ist.
Dieses Verhalten weist der IE unabhängig davon auf ob ein .space-DIV in
.navi ist oder nicht.
Nun meine Frage: Wie kann ich den IE davon überzeugen, .navi über die
gesamte .main-Höhe zu ziehen OHNE .navi und .content irgendwie zu
verschachteln.
Hier noch ein Screenshot um das ganze zu verdeutlichen:
http://suprfile.com/src/1/78e12de/div-problem.PNG
Wenn ihr Glück habt und mein Rechner an ist, könnt ihr das Machwerk auch
in Natura unter http://socke.is-a-geek.org/berens bewundern.
Den Quellcode liefere ich schnipselhaft auf Anfrage.
Ich hoffe ihr könnt mir weiter helfen, denn mir fällt ehrlich gesagt
nichts produktives mehr dazu ein.
Schonmal danke im Voraus,
Pascal
-
[Meine vorherige Frage]
Erm... vergesst das Thema, ich habe nochmal ein bisschen gegoogelt und das Problem nun doch lösen können... Es war wirklich erschreckend einfach, daher sorry für die nächtliche Störung. :)
Gruß
Pascal-
Es war wirklich erschreckend einfach, daher sorry für die nächtliche Störung. :)
hi, also ich hätte dir vorgeschlagen es mit einem hintergrundbild zu lösen welches dem main-div zugewiesen wird und sich in y-richtung wiederholt. lass uns doch bitte wissen wie DU nun dein problem gelöst hast ;)
vg mel
-