Haruzept: IE 5.5 bis 7 mehrere Probleme

Beitrag lesen

SELF-Forum

IE 5.5 bis 7 mehrere Probleme

Haruzept
– Informationen zu den Bewertungsregeln

Welchem noch gleich - der Sache mit dem Hintergrund?

Der Fehler mit dem Hintergrund ist auch noch da.

und das bei 5-7 zwischen header und text sowie text und navi je 5 Pixel Abstand sind. Ich habe versucht diesen mit margin-top: -5px; zubeheben, diese Angabe hat aber keine Wirkung.

Die vollständige Seite online betrachten zu können, würde es leichter machen, die von dir genannten Fehler nachzuvollziehen.

Mehr als den Code hier reinposten kann ich grade auch nicht. Ich habe schon ein Webspace bestellt, das sollte die Tagen online sein.

Der HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" lang="de-de">  
<title>UDO GÄRTNER GMBH - IHR IT-PARTNER</title>  
<link href="css/style.css" rel="stylesheet" type="text/css">  
<!-- [if !IE 8]>  
<link href="css/ie5-7.css" rel="stylesheet" type="text/css">  
<![endif]-->  
</head>  
  
<body>  
<!-- Anfang von #container -->  
<div id="container">  
  
  
<!-- Anfang von #header -->  
<div id="header">  
<img src="Bilder/kopf.jpg" alt="Kopf">  
</div>  
<!-- Ende von #header -->  
  
  
<!-- Anfang von #navi -->  
<div class="navi">  
<ul>  
<li><b>Startseite</b></li>  
<li><a href="firmenprofil.html">Firmenprofil</a></li>  
<li><a href="it-handel.html">Hard- und Software</a></li>  
<li><a href="angebote.html">Angebote</a></li>  
<li><a href="it-service.html">IT - Service</a></li>  
<li><a href="praesentationssysteme.html">Präsentationssysteme</a></li>  
<li><a href="http://shop.udo-gaertner.de/" target="_blank"><img src="Bilder/zumshop.png" alt="Shop"></a></li>  
<li><a href="kontakt.html">Kontakt</a></li>  
<li><a href="impressum.html">Impressum</a></li>  
</ul>  
</div>  
<!-- Ende von #navi -->  
  
  
<!-- Anfang von #text -->  
<div id="text">  
<h3>Herzlich Willkommen auf unseren Internet-Seiten</h3>  
<ul id="schild">  
<li><img src="Bilder/b1.jpg" alt="Hard und Software"></li>  
<li><img src="Bilder/b2.jpg" alt="IT-Service"></li>  
<li><img src="Bilder/b3.jpg" alt="Präsentationssysteme"></li>  
</ul>  
</div>  
<!-- Ende von #text -->  
  
  
<!-- Anfang von #footer -->  
<div id="footer">  
<p>Copyright © 2009 UDO GÄRTNER GMBH. Alle Rechte vorbehalten.</p>  
</div>  
<!-- Ende von #footer -->  
  
  
</div>  
<!-- Ende von #container -->  
</body>  
</html>

CSS Code:

@charset "utf-8";  
  
body {  
  font: 100% Verdana, Arial, Helvetica, sans-serif;  
  background-color: FFF;  
  margin: 0;  
  padding: 0;  
  text-align: center;  
  color: #000;  
  height: 100%;  
}  
  
#container {  
  width: 1000px;  
  height: 100%;  
  margin: auto;  
  text-align: left;  
}  
  
.navi {  
  background-image: url('../Bilder/bg.gif');  
  margin-top: 0px;  
  margin-top: -16px;  
}  
  
.navi li {  
  display: inline;  
  padding-left: 10px;  
}  
  
.navi li a:link {  
  color: #000;  
}  
  
.navi li a:visited {  
  color: #000;  
}  
  
.navi li a:hover {  
  color: #008080;  
}  
  
.navi li a:active {  
  color: #000;  
}  
  
#text {  
  padding-left: 155px;  
  margin-top: -19px;  
  padding-top: 90px;  
  background-image: url('../Bilder/bg.gif');  
  min-height: 450px;  
  width: 845px;  
}  
  
#schild li {  
  display: inline;  
  padding-left: 15px;  
}  
  
#footer {  
  background-image: url('../Bilder/bg_footer.gif');  
  font-size: 0.8em;  
  color: #FFF0F0;  
  text-align: center;  
  bottom: 0px;  
  margin-top: -16px;  
}  
  
h3 {  
  padding-left: 55px;  
}  
  
img {  
  border: 0px;  
}

Gruß Haruzept

Beitrag melden
–
Informationen zu den Bewertungsregeln