zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden height: 100% beim IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.05.2005, 16:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.05.2005
Beiträge: 10
[M.o.C]Co befindet sich auf einem aufstrebenden Ast
Standard height: 100% beim IE

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.
__________________
[M.o.C]Co
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.05.2005, 16:19
Benutzer
neuer user
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard

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

Aber bei 10 Billionen Zeilen Code wird sich keiner melden!!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.05.2005, 17:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.033
Swoop befindet sich auf einem aufstrebenden Ast
Standard

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..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #4 (permalink)  
Alt 12.05.2005, 13:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.05.2005
Beiträge: 10
[M.o.C]Co befindet sich auf einem aufstrebenden Ast
Standard

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?
__________________
[M.o.C]Co
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:08 Uhr.