nicht angemeldet
Probleme mit height 100% im IE 6
Moin
kann mir vielleicht jemand ne Lösung für folgendes Problem nennen???
Ich habe eine XHTML-Seite die wie folgt aufgebaut ist:
HTML:
<div id="container">
<div id="left">
Dies ist die linke seite
</div>
Hier kommt Inhalt, der Länger als 1 Bildschirmseite ist
</div>
CSS:
body {height:100%}
#container
{
position:relative;
height:100% // wird nur im IE6 gebraucht. Sonst min-height:100%
}
#left
{
width:186px;
float:left;
border-right:3px solid #000;
height:100%;
background:#949494
}
Nun wird beim IE6, !! und nur bei diesem !!, die Box "left" nicht gestreckt. Ich kann versuchen was ich will. Hat jemand dafür ne Lösung?
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)
-
Hallo,
CSS:
body {height:100%}100% wovon?
Nun wird beim IE6, !! und nur bei diesem !!, die Box "left" nicht gestreckt. Ich kann versuchen was ich will. Hat jemand dafür ne Lösung?
wenn du <html> auch noch 100% gibst sollte es klappen.
Grüße, Matze
-
Hallo nochmal,
ich hab den Code erst jetzt getestet und bei mir streckt sich der Kontainer "left" im IE6 auf 100% Bildschirmhöhe.
Ich kann dein Problem also nicht nachvollziehen.Folgenden Angaben benutzt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">Grüße, Matze
-
Moin
|... bei mir streckt sich der Kontainer "left" im IE6 auf 100% Bildschirmhöhe.
genau das ist das Problem. Er soll sich aber auf 100% der Höhe des Container "container" erstrecken.
Übrigens dem HTML hatte ich schon eine Höhe 100% gegeben.
Hat jemand anders ne Lösung?
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Moin
Nachtrag:
Das Problem ist das sich der Container nicht länger als die Bildschirmseite erstreckt, auch wenn der Container "container" höher ist als die Bildschirmseite!Bei kleinerer Höhe des Inhaltes als die Bildschirmseite, greift das height 100% und es sieht aus wie gewünscht!
Das ist bisschen untergegangen in meiner Problembeschreibung!
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Hi Bobby,
mit deinem bisherigen Ansatz wird das nichts werden. Du willst gleiche (optisch) Spaltenlängen erzeugen (simulieren) (Stichwort: Faux Columns).
Guck dazu hier http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm, hier http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#gleich-lange-spalten und/ oder hier http://www.alistapart.com/articles/multicolumnlayouts.
Gruß
Antipitch
-
-
-
-