[CSS]%-Angaben in der Höhe und IE

SideWinder

Gebe ich die Höhe in Prozent an klappt im Opera alles wunderbar, doch der IE macht die DIVs bloß eine Textzeile hoch (width-Angaben verarbeitet er aber korrekt).

Woran liegt das und wie kann ich das Problem lösen?

MfG SideWinder

SideWinder

Außerdem kann er offenbar nicht mit min-width- und max-width-Angaben umgehen

MfG SideWinder

flenders

1.) das kann der IE leider nicht - Workaround hab ich leider noch keins gefunden
2.) Geht nur ab N6 ( http://www.selfhtml.net/css/eigenschaften/positionierung.htm#min_width )

SideWinder

Hmm das wars dann für die Prozentangaben in der Höhe *g*, naja min-width und max-width ist ja nicht so schlimm, da der User ja immer noch das Fenster auseinander ziehen kann.

Aber das er mit %-Angaben nicht umgehen kann was die Höhe betrifft ist imho ein starker Nachteil!

MfG SideWinder

flenders

Vor allem beherscht er auch keine top und bottom Angabe für die Positionierung bzw. Ausdehnung

morph3us

Hallo,

SideWinder schrieb:

Woran liegt das und wie kann ich das Problem lösen?

Code Beispiel?

MfG
morpheus

flenders

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
 <head>
  <title>Test-Seite</title>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 </head>
 <body>
  <div style="width:50%; height:50%; border:1px solid #000000;">Test-DIV mit height:50%</div>
 </body>
</html>

morph3us

Hallo,

Sry, fuer die spaete Antwort aber hatte bis jetzt keine Zeit.

@flenders
Mich wundert es sogar, dass der M$ IE den Div-Bereich nicht 50 Prozent der Browserfensterhoehe hoch zeichnet, da das vollkommen richtig ist oder was sollen denn 50% von 0 sein?

<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Div-Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<style type="text/css">
  html, body {
    width:100%; height:100%;
  }
</style>
<body> 
<div style="width:50%; height:50%; border:1px solid #000;">
  Test-DIV mit height:50%
</div>
</body> 
</html>

MfG
morpheus

flenders

Danke - man lernt nie aus