JP: Fehler beim IE wenn DOCTYPE Header angegeben wird

Beitrag lesen

SELF-Forum

Fehler beim IE wenn DOCTYPE Header angegeben wird

JP
– Informationen zu den Bewertungsregeln

Hier der Quelltext ohne Yahoo add ons. Ich habe hier schonmal den Tipp mit dem Online Validieren auf W3C umgesetzt. danke für diesen Hinweis! Es ist z.b. der fehler "fehlendes title Tag" ermittelt worden.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">  
<html>  
<head>  
<style type="text/css">  
  
body {  
text-align:center;  
background-color:#000;  
color:#fff;  
margin:0px;  
}  
  
div.Inhalt_0 {  
background-image:url(1951.jpg);  
text-align:left;  
height:551px;  
width:800px;  
overflow:hidden;  
margin:auto;  
position:relative;  
border:1px solid black;  
}  
  
  
  
div.Navigation {  
height:430px;  
width:150px;  
margin:auto;  
position:relative;  
top:77px;  
left:27px;  
color:#fff;  
overflow:hidden;  
font-size:20px;  
line-height:40px;  
display:inline-block;  
}  
  
div.Navigation a {  
color:#fff;  
}  
  
div.Navigation a:hover {  
color:#f00;  
}  
  
  
/*#cfc*/  
div.Text {  
height:430px;  
width:550px;  
margin:0px;  
position:relative;  
top:-349px;  
left:240px;  
color:#fff;  
background-color:#007;  
overflow:auto;  
font-size:1.2em;  
}  
  
/*-moz-opacity:1;  
filter:alpha(opacity=100);  
opacity:1;*/  
  
div.Textinhalt{  
padding:8px 15px;  
}  
  
.Schatten{  
position:absolute;  
height:430px;  
width:550px;  
top:81px;  
left:240px;  
background-color:#bbb;  
margin:10px 0px 0px 10px;  
}  
  
</style>  
<title>Dummy</title>  
</head>  
<body>  
<div class="Inhalt_0">  
 <div class="Navigation">  
 <a href="link1.html">Link</a><br/>  
 <a href="link1.html">Link</a><br/>  
 <a href="link1.html">Link</a><br/>  
 <a href="link1.html">Link</a><br/>  
 <a href="link1.html">Link</a><br/>  
 <a href="link1.html">Link</a><br/>  
 <a href="link1.html">Link</a><br/>  
 <a href="link1.html">Link</a><br/>  
 </div>  
 <div class="Schatten">  
 </div>  
 <div class="Text">  
 <div class="Textinhalt">  
<p align="right">2008-10-18</p>  
<h1 align="center">Titel</h1>  
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.  
<p align=right>  
    <a href="http://validator.w3.org/check?uri=referer"><img  
        src="http://www.w3.org/Icons/valid-html40"  
        alt="Valid HTML 4.0 Transitional" height="31" width="88"></a>  
</p>  
 </div>  
 </div>  
</div>  
</body>  
</html>

An Ingo:

Das mit der linken Seite war natürlich in Relation zum Textblock gemeint. Warum setzt denn der IE das margin:auto nicht um wenn DOCTYPE fehlt?
Außerdem ist es doch so, dass der IE sowieso über text-align:center; dafür sorgt, dass die div Elemente horizontal mittig angeordnet werden, gerade aufgrund der falschen/fehlenden Umsetzung mittels margin-auto; in div.Inhalt_0{...}. Ich mache ja nicht zum Vergnügen danach wieder gleich text-aling-left; .

Cu.

Beitrag melden
–
Informationen zu den Bewertungsregeln