IE und 100% height - ich dumm oder er?

SideWinder

Das DIV ist ja genial, jetzt gehts beim Opera auch nicht mehr

MfG SideWinder

flenders

Du musst im body-Tag height auf 100% setzen, denn die prozentuale height-Werte beziehen sich ja immer auf das Elternelement

SideWinder

Jetzt muss ich bloß nicht mehr soviel scrollen, aber immer noch scrollen.

MfG SideWinder

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

flenders

Hast du auch padding im body auf 0 gesetzt?!

SideWinder

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

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

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

flenders

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?!

SideWinder

Die Leerzeichen warens nicht

MfG SideWinder

flenders

Was hast du denn sonst geändert? Lag es am width: 100%;

Henno

Bei Bildern hilft ein vertical-algin:top; manchmal auch wunder.

Unix-Tom

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.

SideWinder

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

Unix-Tom

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.