mille
Erfahrenes Mitglied
Hallo.
Ich möchte einen DIV container (nennen wir ihn mal "opfer" - weil Opfer dieser Frage) genau so groß machen, wie es die nutzbare Fläche des Browser gebietet.
Sprich 100% - is ja logisch.
Nun aber mein Problem. Ich habe folgendes vereinfachtes Konstrukt
hinzu nehmen wir folgendes einfaches CSS
So nun mein Problem.
Im Firefox wird mir "opfer" nur so groß gemacht, wie es der Inhalt zulässt (bei 100px inhalt ist "opfer" nur 100px hoch....).
Im IE ist "opfer" genau so groß, wie es die nutzbare Fläche hergibt... Problem: ragt also 80px über die nutzbare fläche hinaus, da der Banner zu den 100% hinzukommt und die 100% angabe sich ausschließlich ein Alias für die nutzbare Fläche zu sein scheint).
Warum das ganze?
Ich habe einen Container wie "kompletteSeite" im Beispiel. Der soll genau die gesamte nutzbare Fläche im Browser einnehmen (also Auflösung minus Windowstaskleiste minus Browser Kopf mit "datei, Berarbeiten usw ...") UND (jetzt kommst!) am unteren Bildschirm Rand etwas anzeigen (einen Footer der wirklcih am unteren Ende des Browser abschließt OHNE das man scrollen muss).
Wie mache ich das?
Grüße
Ich möchte einen DIV container (nennen wir ihn mal "opfer" - weil Opfer dieser Frage) genau so groß machen, wie es die nutzbare Fläche des Browser gebietet.
Sprich 100% - is ja logisch.
Nun aber mein Problem. Ich habe folgendes vereinfachtes Konstrukt
HTML:
<div id="kompletteSeite">
<div id="banner"><img ....></div>
<div id="opfer"> ..... </div>
</div>
hinzu nehmen wir folgendes einfaches CSS
CSS:
#kompletteseite{
width: 500px;
height: 100%;
}
#banner{
width: 500px;
height: 80px; // WICHTIG!!
}
#opfer{
/* hier kommts?! */
height: 100%;
border: 1px red solid; /* Nur um den DIV sichtbar zu machen - Testzweck */
vertical-Align: bottom;
}
So nun mein Problem.
Im Firefox wird mir "opfer" nur so groß gemacht, wie es der Inhalt zulässt (bei 100px inhalt ist "opfer" nur 100px hoch....).
Im IE ist "opfer" genau so groß, wie es die nutzbare Fläche hergibt... Problem: ragt also 80px über die nutzbare fläche hinaus, da der Banner zu den 100% hinzukommt und die 100% angabe sich ausschließlich ein Alias für die nutzbare Fläche zu sein scheint).
Warum das ganze?
Ich habe einen Container wie "kompletteSeite" im Beispiel. Der soll genau die gesamte nutzbare Fläche im Browser einnehmen (also Auflösung minus Windowstaskleiste minus Browser Kopf mit "datei, Berarbeiten usw ...") UND (jetzt kommst!) am unteren Bildschirm Rand etwas anzeigen (einen Footer der wirklcih am unteren Ende des Browser abschließt OHNE das man scrollen muss).
Wie mache ich das?
Grüße