CSS postion relativ Unterschiede IE und Firefox

[Universe_City]

Ich hab ein echt arges Problem und spring gleich aus dem Fenster...

Im IE wird meine div-box richtig dargestellt, d.h. höhe über fensterhöhe und background-postion: bottom auch korrekt. Ist der Inhalt höher als
die Fensterhöhe, findet man das nach unten formatierte Hintergrundbild
auch wirklich am Seitenende... Beim Firefox leider nicht, da endet das
in der Tat dort, wo die Fensterhöhe ende... Ich versteh das echt nicht...

BALANCE COSMETICS Potsdam

Freu mich über Hilfe. Lieben Dank im Voraus. Fenster lass ich mal noch
auf, is ja warm^^

[wahsaga]

Abgesehen von den Fehlern im HTML und denen im CSS, die du beseitigen solltest -

Beim Firefox leider nicht, da endet das
in der Tat dort, wo die Fensterhöhe ende... Ich versteh das echt nicht...

Du hast 100% Höhe für body angegeben, du hast 100% Höhe bekommen.
Wenn du gar keine solche Höhe, sondern nur eine Mindesthöhe meinst - dann solltest du auch eine solche stattdessen angeben.

[mcmurphy]

und google mal nach clearfix und verpasse anschließend deinem div id="content" die entsprechende Klasse
bzw. habe ich gerade gelesen das overflow:auto; auch wahre Wunder wirkt

[Universe_City]

vielen lieben dank für die antworten

naja mir scheint das problem nicht ganz gelöst zu werden, nur verlangert
durch die angabe einer mindesthöhe... denn ie kennt das nicht, jetzt siehts zwar im ff ok aus, im ie aber nicht...

ich würd gern auch verstehen wollen, warum die div-box mit der navigation über die div-box content hinaus geht... also die navigation höher ist als der container, das sieht total scheiße aus...

ich dachte immer, wenn ich den hintergrund relativ bottom positioniere, dann ist der auch immer unten, egal wie groß das fenster ist oder wie weit gescrollt werden muss...

mit der clearfixsache beschäftige ich mich gerade, besten dank für den tip.

[mcmurphy]

warum die div-box mit der navigation über die div-box content hinaus geht

wird dir bei clearfix erklärt

[Universe_City]

Hast du da mal bitte einen Link, dass was ich gefunden und probiert habe, funktioniert leider nicht. Vielen Dank.

[mcmurphy]

was hast du den probiert?

[Universe_City]

na das clearfix...

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

[mcmurphy]

probier das mal:

#content { height:100%;/* für den IE, der height falsch als min-height interpretiert */

}
html>body #content {
height:auto; /* macht die Angabe von 100% bei echten Browsern rückgängig */
min-height:100%;
}

[Universe_City]

Hmm also der Ansatz ist prima

Jetzt hab ich nur noch ein Problem, und zwar, dass die content box nur so hoch wird, wie dessen Inhalt, aber nicht bis zur Fensterhöhe des Browsers...

[mcmurphy]

Das liegt an deinem div das den container div id="content" umschließt, height:xx%; bezieht sich meines Wissens ja immer auf das umgebene Element.
Dein Online bsp. sieht bei mir jetzt aber gut aus (FF 3).
gib dem obersten div die gleichen (height) Eigenschaften wie bei id="content" dann müßte es eigentlich gehen...

oder setz das background-image doch in body ein und lass das div ganz weg

[Universe_City]

Joar ich habs jetzt eigentlich ganz gut hingekriegt dank deiner Hilfe
Jetzt verschwindet zwar beim Scrollen im FF mein Hintergrund {background-attachment: fixed; } aber das krieg ich auch noch irgendwie
gebacken.

Besten Dank für deine tatkräftige Unterstützung

[mcmurphy]

keen dingen ;-)

wie gesagt, versuche das Background-image direkt in body einzubauen