"height:xx;" wird von IE nicht interpretiert!
Peter
- css
0 MudGuard0 Cheatah
Hallo,
ich habe jetzt ein bisschen mit css rumgespielt und gemerkt, dass der IE manchmal height nicht beachtet:
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
body { height:100%; width:100%; margin:0px; background-color:#000000; }
#aussen { height:80%; width:80%; background-color:#FFFFFF; }
#1 { height:20%; width:90%; background-color:#4F4F4F;}
#2 { height:80%; width:90%; background-color:#5F5F5F;}
//-->
</style>
</head>
<body>
<center>
<div id="aussen">
<div id="1">
1. Element
</div>
<div id="2">
2.Element
</div>
</div>
</center>
</body>
</html>
könnt ihr mir sagen warum der IE das nicht korrekt interpretiert?
mfg
Peter
Hi,
<div id="1">
Eine id MUSS mit einem Buchstaben beginnen.
<div id="2">
dito.
könnt ihr mir sagen warum der IE das nicht korrekt interpretiert?
SISO. Shit in, Shit out.
cu,
Andreas
Hallo Andreas,
selbst wenn ich die Zahlen durch Buchstaben ersetzt wird das noch nicht keoorekt interpretiert!
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
body { height:100%; width:100%; margin:0px; background-color:#000000; }
#aussen { height:80%; width:80%; background-color:#FFFFFF; }
#eins { height:20%; width:90%; background-color:#4F4F4F;}
#zwei { height:80%; width:90%; background-color:#5F5F5F;}
//-->
</style>
</head>
<body>
<center>
<div id="aussen">
<div id="eins">
1. Element
</div>
<div id="zwei">
2.Element
</div>
</div>
</center>
</body>
</html>
mfg
Peter
Hallo,
Probier's mal mit:
html, body { height:100%; width:100%; margin:0; padding:0; }
HTH, mfg
Thomas
Hallo Thomas,
daran habe ich auch schon gedacht aber auch der folgende Quelltext bringt nicht das gewünschte Ergebnis:
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
html, body { height:100%; width:100%; margin:0; padding:0; }
body { background-color:#000000; }
#aussen { height:80%; width:80%; background-color:#FFFFFF; }
#eins { height:20%; width:90%; background-color:#4F4F4F;}
#zwei { height:80%; width:90%; background-color:#5F5F5F;}
//-->
</style>
</head>
<body>
<center>
<div id="aussen">
<div id="eins">
1. Element
</div>
<div id="zwei">
2.Element
</div>
</div>
</center>
</body>
</html>
mfg
Peter
Hallo,
daran habe ich auch schon gedacht aber auch der folgende Quelltext bringt nicht das gewünschte Ergebnis:
Sind HTML und CSS valide?
Mir fehlt die Doctype-Angabe - und die kann eine wesentliche Rolle spielen.
http://www.heise.de/ix/artikel/2004/03/136/
Was erwartest Du denn, und wie sieht es in welchem Browser aus?
Gruesse,
Thomas
Man muss einfach position: relative angeben und es klappt, also so:
#aussen { position: relative; width:80%; height:80%; background-color:#FFFFFF; }
Marco
P.S.: Es hat auch nicht bei Opera geklappt, also nicht immer nur IE ;-) bin aber eigentlich kein ie-befürworter
habe es gerade auch nochmal mit opera getestet, dort klappt es irgendwie immer noch nicht und andere Browser zum testen habe ich nicht.
Marco
Hallo Marco,
P.S.: Es hat auch nicht bei Opera geklappt, also nicht immer nur IE ;-) bin aber eigentlich kein ie-befürworter
das bin ich auch nicht, denn ich benutze Firefox 0.8, das Problem ist nur ca. 90% benutzen den IE und das trotz der vielen Sicherheitslücken und dem s****ß ActiveX
du musst dem <center>-Tag Höhe zuweisen, dazu lese doch bitte die anderen Beiträge weiter oben
mfg
Peter
die habe ich gelesen, aber beim ie reicht es trotzdem position:raltive dazu zu schreiben.
Marco
Hallo Thomas,
Sind HTML und CSS valide?
Mir fehlt die Doctype-Angabe - und die kann eine wesentliche Rolle spielen.
in diesem Fall spielte es keine Rolle hatte es auch mit Doctype angaben probiert ;)
Was erwartest Du denn, und wie sieht es in welchem Browser aus?
ich erwarte, dass der Browser das ausgibt was ich eingebe!
ich habe zum testen den IE und Firefox 0.8 benutzt.
mfg
Peter
Hallo Peter,
<body>
<center>
das center ist schuld - es ist nur so hoch wie der Inhalt, und das sind eben nur zwei Zeilen Text. Verpass im eine Höhe oder - noch besser - wirf es ganz raus.
Grüße aus Nürnberg
Tobias
Hallo Tobias,
thx genau das habe ich gesucht!
By the way: ich habe es auf folgenden 2 Browsern getestet: IE, Firefox 0.8 (basiert auf Mozilla 5.0)
mfg
Peter
Hallo Andreas,
Sorry, ein »An-die-Nase-fassen«-Posting. ;-)
SISO. Shit in, Shit out.
Ich würde mich freuen, wenn Du (und andere) in Zukunft auf diese Phrase
verzichten könntet. Rein objektiv stimmt es wohl meist, aber in gerade
dieser prägnanten Kürze kann so etwas stark verletzend wirken, gerade
auf Neulinge und/oder jüngere Poster hier. Mit den üblichen, aber wie ich
finde verständlichen, Konsequenzen.
Tschuldige, wenn es Dich gerade jetzt und hier trifft, es gäbe wohl
bessere Ansatzpunkte, allerdings habe ich mich schon länger über diese
»abstempelnden, heruntermachenden« Phrase geärgert. Du bist nur gerade
zufällig der, den es trifft.
Tim
Hi,
ganz nebenbei:
<style type="text/css">
<!--
[...]
//-->
</style>
"//" ist keine gültige CSS-Syntax.
Cheatah