CSS height:100% und IE

Computer: Software & Programmierung HTML & CSS
#1

Hi,

Funktioniert das im IE nicht eine Box mit 100% Höhe zu erstellen?
z.B. mit

div.navi {
position: absolute;right: 76px; top: 0px;
width: 150px;
height: 100%;
border-left : thin solid rgb(0,0,0);
border-right : thin solid rgb(0,0,0);
padding 0px;
marign:0px; }

Die Größe der Box wird bei mir immer nur so groß wie der enthaltene Text… Gibts eine Möglichkeit das zu umgehen?

Gruß

Sebastian

#2

Hi Sebastian,

füge Folgendes zu deinem Stylesheet hinzu:

html,body {
height: 100%;
}

div.navi {
position: absolute;right: 76px; top: 0px;
width: 150px;
height: 100%;
border-left : thin solid rgb(0,0,0);
border-right : thin solid rgb(0,0,0);
padding 0px;
marign:0px; }

Die Größe der Box wird bei mir immer nur so groß wie der
enthaltene Text… Gibts eine Möglichkeit das zu umgehen?

LG, piranja

#3

Hi,
muss noch ein zusätzlicher Parameter rein:

overflow: auto;

Dann sollte das funzen

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#4

Danke Piranja, Axel

füge Folgendes zu deinem Stylesheet hinzu:

html,body {
height: 100%;
}

Habs inzwischen auch herausgefunden - funktioniert auch wenn ich nicht genau weiß wieso…

Gruß

Sebastian

#5

Danke Piranja, Axel

füge Folgendes zu deinem Stylesheet hinzu:

html,body {
height: 100%;
}

Habs inzwischen auch herausgefunden - funktioniert auch wenn
ich nicht genau weiß wieso…

Hier kannst du nachlesen, warum das so ist:
http://www.quirksmode.org/css/100percheight.html

LG, piranja

#6

Hier kannst du nachlesen, warum das so ist:
http://www.quirksmode.org/css/100percheight.html

Ok, ich sehs ein ist eigentlich logisch. Ich probier grad nur etwas herum, und bei mozilla 1.7 hats gleich auf Anhieb geklappt nur beim IE nicht…

Gruß

Sebastian

#7

Hier kannst du nachlesen, warum das so ist:
http://www.quirksmode.org/css/100percheight.html

Ok, ich sehs ein ist eigentlich logisch. Ich probier grad nur
etwas herum, und bei mozilla 1.7 hats gleich auf Anhieb
geklappt nur beim IE nicht…

Hm, komisch.
Hast du mal die Testseite von o.g. URL ausprobiert (http://www.quirksmode.org/css/height/heightdocbodyht…)?
Das Funktioniert bei mir mit IE.
Sonst poste doch mal deinen Code …

#8

Hi,

(http://www.quirksmode.org/css/height/

heightdocbodyhtml.html)?

Das Funktioniert bei mir mit IE.
Sonst poste doch mal deinen Code …

Du hast mich falsch verstanden inzwischen klappts ja. Beim
mozilla funktionierte es aber auch im strict mode, ohne die
die Angabe html, body {height :100%;}

Gruß

Sebastian

#9

Du hast mich falsch verstanden inzwischen klappts ja. Beim
mozilla funktionierte es aber auch im strict mode, ohne die
die Angabe html, body {height :100%;}

Ach so, na dann ist ja alles klar :wink:
Schönes Wochenende!
piranja