IE und 100% height - ich dumm oder er?
-
Tja, IE und CSS vertraegt sich halt nicht so toll.
Schonmal versucht, ein div mit 100%-Groesse drumherumzulegen? Vielleicht bringt's ja widererwarten was.
BTW:
Wie hast du versucht mit den HTML-Properties etwas equivalentes hin zu zaubern?
-
<img src="bildchen" alt="bildchen" height="100%" width="100%" />IE und CSS vertragen sich normalerweise ganz gut, obwohl wieder mal der Opera ganz klar die Nase vorn hat. Aber es gibt schlimmeres als den IE.
MfG SideWinder
-
Das DIV ist ja genial, jetzt gehts beim Opera auch nicht mehr
MfG SideWinder
-
Du musst im body-Tag height auf 100% setzen, denn die prozentuale height-Werte beziehen sich ja immer auf das Elternelement
-
Jetzt muss ich bloß nicht mehr soviel scrollen, aber immer noch scrollen.
MfG SideWinder
-
BTW: Wenn man width im body-Tag ebenfalls auf 100% stellt muss man bei Opera und IE plötzlich auch horizontal scrollen.
Ich hasse es, ich hasse es, ich hasse es.
MfG SideWinder
-
Hast du auch padding im body auf 0 gesetzt?!
-
padding: 0px
hat wieder ein Stückchen gebracht,
margin: 0px
hat auch wieder ein Stückchen gebracht. Aber ein ganz kleines bisschen fehlt noch
MfG SideWinder
-
Also im IE funktionierts letzten Endes so:
<body style="position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; height: 100%"> <img src="sonstwas.jpg" alt="sonstwas" style="position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; height: 100%" /> </body>Bloß zeigt der Zigeuner von Opera dann gar nichts mehr an
MfG SideWinder
-
Selbstgespräch die Dritte, ich habs nun geschafft:
BODY { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #FFFFFF; } IMG { position: absolute; width: 100%; height: 100%; padding: 0px; margin: 0px; }Danke flenders! BTW: Wär was für die FAQ, eventuell nicht den dummen Beitrag verschieben sondern selbst schnell was schreiben bzw. Copy&Paste von dem Posting hier.
MfG SideWinder
-
Beim IE können Leerzeichen stören:
<body style="width:100%; height:100%; padding:0px; margin:0px;"><img src="sonstwas.jpg" alt="sonstwas" style="margin: 0px; width: 100%; height: 100%" /></body>Soll denn nachher sonst noch was in die Datei?!
-
Die Leerzeichen warens nicht
MfG SideWinder
-
Was hast du denn sonst geändert? Lag es am width: 100%;
-
Bei Bildern hilft ein vertical-algin:top; manchmal auch wunder.
-
Ich habe hier eine Seite nur mit CSS und DIV´S. Im Firefox zeigt er es wie er soll . Im IE nicht.
Ist ein Graus mit den Browsern.
---------------- | | ---------------- ---------------- | | --------------- --------------- | --- --- | | | | | | | | --- --- | --------------Da Obere ist ein IFRAME
Das mittlere gibt nur text aus
Da unter hat recht eine Textarea und die linke hat Textarea mit 2 Button..boxleft { float: left; width:auto; height:auto; margin: 1px; }
.boxright { float:right; width:auto; height:auto; margin: 1px; text-align:right }
Und so in etwa sind die DIVS<div style=" height:auto; margin:1px; background-color:#ffffff; border-color:#444444; border-style:hidden; border-right-width:1px; border-left-width:1px; border-top-width:1px; border-bottom-width:1px; width:auto; padding:1px">
<fieldset>
<legend align="center">LEGENDENTEXT</legend>Hat da vieleicht jemand eine Idee.
Sorry das ich gleich diesen Thread benutze abe deine Frage ist ja beantwortet.
-
flenders schrieb:
Was hast du denn sonst geändert? Lag es am width: 100%;
absolute, top 0px, left 0px beim Background sind offenbar wichtig.
@Unix-Tom: Was genau wird denn nun falsch dargestellt?
MfG SideWinder
-
Die linke Box geht bei IE auf Die ganze breite. Dadurch rutscht die rechte box eine Zeile nach unten.
Wenn ich
boxleft { float: left; width:350px;mache geht es im IE.
Dann ist aber die rechte Box eben Auto und der Inhalt (Textarea) nicht recht sondern mittig.
Auch text-align etc. habe ich ausprobiert.