HanSolo: seltsamer Effekt beim IE7

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

  1. seltsamer Effekt beim IE7

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    es geht um dieses Markup:

    Nächstes Mal bitte als Online-Beispiel!

    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?  
  
Der Footer rutscht auch dann nach oben, wenn du das margin-bottom von 18px des ADDRESS entfernst - vielleicht hilft dir das weiter; genaueres kann ich nicht sagen, da ich gar nicht weiss, welchen Effekt du nun unterbinden willst.  
  
MfG ChrisB  
  

-- 
Light travels faster than sound - that's why most people appear bright until you hear them speak.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln