height: 100% beim IE

[M.o.C]Co · #1 (**permalink**) 10.05.2005, 15:57

Hallo...

Warum interpretiert der IE folgendes Code falsch und was kann ich dagegen machen?

Code:

a:link  {
	color: #0028d1; text-decoration: underline; font-weight: bold; font-size: 9pt;
}
a:visited {
	color: #0028d1; text-decoration: underline; font-weight: bold; font-size: 9pt;
}
a:hover {
	color: #0028d1; text-decoration: none; font-weight: bold; font-size: 9pt;
}
a:active {
	color: #0028d1; text-decoration: underline; font-weight: bold; font-size: 9pt;
}
html {
	width: 100%; height: 100%;
}
body {
	top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; font-family: Arial, Verdana, helvetica, sans-serif; font-size: 100%; color: #0028d1; background-color: #fff;
}
#header {
	margin: 0; padding: 0; background-color: #fff; width: 100%; height: 154px;
}
#header #logo {
	position: absolute; top: 0; right: 11%; margin: 0; padding: 0; background-color: #eff4ff; width: 22%; height: 154px; text-align: center; display: inline;
}
#header #titel {
	position: absolute; top: 45px; left: 0; margin: 0; padding: 2px; width: 66%; color: #0028d1; font: bolder 24pt arial, sans-serif; text-align: center; display: block;
}
#balken1 {
         position: absolute; top: 167px; left: 0; margin: 0; padding: 0; width: 66%; height: 75px; background-color: #8db2ff;
}
#balken1 #text1 {
         position: absolute; top: 23px; left: 0; margin: 0; padding: 0; width: 100%; color: #0028d1; font: bolder 18pt arial, sans-serif; text-align: center; display: block;
}
#balken2 {
         position: relative; top: 13px; left: 67%; margin: 0; padding: 0; width: 22%; height: 75px; background-color: #acc6ff;
}
#balken2 #text2 {
         position: absolute; top: 28px; left: 0; margin: 0; padding: 0; width: 100%; color: #0028d1; font: bolder 12pt arial, sans-serif; text-align: center; display: block;
}
#balken3 {
         position: absolute; top: 167px; right: 0; margin: 0; padding: 0; width: 10%; height: 75px; background-color: #8db2ff;
}
#main {
	position: relative; top: 13px; margin: 0; padding: 0; width: 100%; min-height: 350px; height: 350px; background-color: #fff;
}
html > body #main {
	height: auto;
}
#content {
         position: relative; top: 13px; left: 1%; margin: 0; padding: 0; width: 65%; height: 350px; display: block;
}
html > body #content {
	height: auto; min-height: 350px;
}
#navig {
	position: absolute; top: 13px; right: 11%; margin: 0; padding: 0; width: 22%; height: 100%; background-color: #eff4ff; display: inline;
}
html > body #navig {
	min-height: 100%;
}
#nav {
	position: absolute; margin: 0; padding: 0; width: 100%; text-align: center; list-style-type: none;
}
#nav li {
	margin: 0; padding: 0; line-height: 1; font-size: 12pt; display: inline;
}
#nav li a:link , #nav li a:visited {
	margin: 0; padding: 5px 10px 5px 0.5em; font-weight: bold; color: #0028d1; display: block; text-decoration: underline; border: 1px solid #eff4ff;
}
#nav li a:link:hover , #nav li a:visited:hover {
	color: #0028d1; border: 1px solid #0028d1; background: #acc6ff; text-decoration: none;
}
#nav li a:link:active , #nav li a:visited:active {
         color: #0028d1; background: #fff; text-decoration: underline;
}
#footer {
	position: relative; top: 35px; margin: 0; padding: 20px; height: 25px; text-align: center; font: 0.7em arial, sans-serif; color: #0028d1; text-decoration: none; border-top: 1px solid #0028d1; background-color: #8db2ff;
}
html > body #footer {
	height: auto; min-height: 25px;
}
#footer1 {
         position: absolute; top: 0px; right: 0px; margin: 12px 20px; padding: 0; height: 25px; text-align: right;
}
html > body #footer1 {
	height: auto; min-height: 25px;
}

Die dazugehörige Seite sieht so aus:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="de">
<head>
<title>Willkommen bei der Neiße-Welle-Guben</title>
<meta name="author" content="Christian Linke">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<meta name="keywords" content="Neiße Welle Guben, Stadtkanal Guben">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles/_stylestest.css">
</head>

<body id="body">
 <div id="header">
  <div id="logo">[img]images/logo_35.gif[/img]</div>
  <div id="titel">Willkommen bei der Neiße-Welle-Guben</div>
 </div>
 <div id="balken1">
  <div id="text1">Video &amp; TV GmbH Kurt Bulke</div>
 </div>
 <div id="balken2">
  <div id="text2">Lokalfernsehen</div>
 </div>
 <div id="balken3"></div>
 <div id="main">
  <div id="content">
   <div class="inhalt">Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. Hier steht der Inhalt. </div>
  </div>
  <div id="navig">
   <ul id="nav">[*]Wir über uns[*]History[*]Programm[*]Kabelzeitung[*]Videotext[*]INEX - Jugendsendung[*]Werbung[*]AGB[*]Kontakt[/list]  </div>
 </div>
 <div id="footer">&copy;2005Neiße-Welle-Guben<div id="footer1">[img]images/vcss.gif[/img][img]images/valid-html401.png[/img]</div></div>

</body>
</html>

Ich schiebe die Dateien heute Abend auf den Server, damit Ihr Euch das auch ansehen könnt.

EDIT:
Sobald ich im main-DIV height: einen absoluten Wert zuweise, interpretiert der IE das ja halbwegs richtig. Aber es gefällt mir noch nicht, da die Alternativbrowser das ordentlich darstellen.

Ich entwickle bei einer Auflösung von 1280*1024 und versuche natürlich zu erreichen, dass es auch bei 800*600 noch halbwegs ansehbar ist.

18inch · #2 (**permalink**) 11.05.2005, 15:19

Würdest du einen kurze Frage stellen, dann würde man dir auch helfen!

Aber bei 10 Billionen Zeilen Code wird sich keiner melden!!

Swoop · #3 (**permalink**) 11.05.2005, 16:36

nich kürzer aber etwas konkreter mit schon etwas eingekreistem Problem und ein hochgeladenes Beispiel würden die Sache um einiges erleichtern und vielleicht sogar Leute dazu bewegen drauf zu kuckn..

[M.o.C]Co · #4 (**permalink**) 12.05.2005, 12:58

Zitat:

Zitat von 18inch

Würdest du einen kurze Frage stellen, dann würde man dir auch helfen!

Also gut:
Beispiel findet ihr hier.

Der Hintergrund des navig-divs wächst bei FF und Opera mit. Nur der IE hat damit seine Probleme, weil er height: als min-height: interpretiert. Wie kann ich das abstellen?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Verschiebungen bei größerem Bildschirm	seelefant	CSS	4	28.07.2014 15:43
CSS von Plugin beisst!	expand	CSS	0	28.09.2012 17:44
Div Positionen in Firefox falsch	ozero	CSS	4	17.07.2009 22:35
prblemme mit mein inhalt div	carlos587261	CSS	3	23.04.2008 14:07
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 15:22