HanSolo: seltsamer Effekt beim IE7

Beitrag lesen

SELF-Forum

seltsamer Effekt beim IE7

HanSolo
– Informationen zu den Bewertungsregeln

Hallo,

es geht um dieses Markup:

  
<!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>  
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
		<link rel="stylesheet" type="text/css" href="main.css" />  
		<title>Startseite</title>  
	</head>  
	  
	<body>  
		<h1 id="header"></h1>  
		  
		<div id="content">  
			<h2>Herzlich willkommen bei...</h2>  
			<div id="map">  
				<iframe width="425" height="270" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/?ie=UTF8&amp;ll=52.241256,10.415039&amp;spn=7.268758,18.676758&amp;z=5&amp;output=embed"></iframe><br /><small><a href="http://maps.google.de/?ie=UTF8&amp;ll=52.241256,10.415039&amp;spn=7.268758,18.676758&amp;z=5&amp;source=embed" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>  
			</div>  
			<address><strong>Standort:</strong><br />Firma Hirsch<br />Amselweg 12<br />12345 Hirschen<br /><br /><strong>Öffnungszeiten:</strong><br />Mo - Do:&nbsp;08:00 - 17:30 Uhr<br />Fr: 08:00 - 16:30 Uhr<br />Sa: 09:00 - 12:00 Uhr</address>  
		</div>  
		  
		<ul id="navigation" class="listWithoutPoints"><li> <a href="index.php?id=168">Startseite</a> </li><li> <a href="index.php?id=167">Über uns</a> </li><li> <a href="index.php?id=166">Shop</a> </li><li> <a href="index.php?id=163">Kontakt</a> </li><li> <a href="index.php?id=162">Impressum</a> </li><li> <a href="index.php?id=179">AGB</a> </li><li> <a href="index.php?id=161">Copyright</a> </li></ul>  
		  
		<address id="footer"></address>  
	</body>  
</html>

mit diesem CSS:

  
* {  
	padding: 0px;  
	margin: 0px;  
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;  
	font-style: normal;  
}  
  
html {  
	background: gainsboro; 									  
}  
  
body {  
	width: 960px;	  
	margin: 5px auto;  
	background: white;  
}  
  
#header {	  
	height: 160px;  
	position: relative;	  
	background: red;  
}  
  
#content {  
	float: right;  
	width: 720px;  
	padding: 20px;  
	background: white  
}  
  
#navigation {  
	float: left;  
	width: 160px;  
	height: 300px;  
	padding: 20px 20px 20px 20px;  
	background: green;  
}  
  
#navigation li {											  
    display: inline;  
}  
  
#navigation a {  
    display: block;  
    padding: 7px 0px 7px 10px;  
    text-decoration: none;  
    border-bottom-width: 1px;  
    border-bottom-style: solid;  
    border-color: #494a4c;	  
}  
  
#navigation a:hover {  
    color: white;  
    background: #db2420;  
}  
  
#footer {  
    background: red;  
	clear: both;  
	width: 940px;  
	height: 75px;  
	line-height: 80px;  
	padding: 0px 0px 0px 20px;  
	color: black;  
}  
  
p {  
	margin: 0px 0px 18px 0px;  
}  
  
address {  
	margin: 0px 0px 18px 0px;  
}  
  
h2 {  
	padding: 0px 0px 20px 0px;  
}  
  
h3 {  
	padding: 0px 0px 5px 0px;  
}  
  
h4 {  
	padding: 0px 0px 5px 0px;  
	color: blue;  
}  
  
ul {  
	padding: 0px 0px 10px 15px;  
}  
  
ul ul {  
	padding: 0px 0px 0px 40px;  
}  
  
strong {  
	color: #db2420;  
}  
  
#map {  
	float: left;  
	padding: 0px 20px 0px 0px;  
}

Wenn ich die Zeile:

  
<address><strong>Standort:</strong><br />Firma Hirsch<br />Amselweg 12<br />12345 Hirschen<br /><br /><strong>Öffnungszeiten:</strong><br />Mo - Do:&nbsp;08:00 - 17:30 Uhr<br />Fr: 08:00 - 16:30 Uhr<br />Sa: 09:00 - 12:00 Uhr</address>

aus dem Markup entferne, dann rutscht der footer im IE7 ein kleines Stückchen weiter nach oben. Dieser Effekt tritt beim Firefox nicht auf. Hab ihr eine Ahnung warum das so ist bzw. wie ich diesen Effekt unterbinden kann?

Beitrag melden
–
Informationen zu den Bewertungsregeln