sunflower84
Erfahrenes Mitglied
Hallo Leute
Ich habe ein Problem mit der Darstellung im Firefox. Im IE sieht die Website so aus wie es sein soll. Aber im Firefox zieht er mir die Grafiken total auseinander. Kann mir jemand sagen was ich in meinem Code falsch gemacht habe?
Lg
Sunflower
Ich habe ein Problem mit der Darstellung im Firefox. Im IE sieht die Website so aus wie es sein soll. Aber im Firefox zieht er mir die Grafiken total auseinander. Kann mir jemand sagen was ich in meinem Code falsch gemacht habe?
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>site</title>
<style type="text/css" media="all">
body {
margin:0;
padding:0;
background:#BDBDBD;
}
#container {
width:700px;
margin:0 auto;
padding:0 0px;
background:#FFFFFF;
}
#title {
margin: 0 0 20px 0;
padding:10px 0 0 0;
}
p{ font-size:100%;
line-height:20%;
font-family:Arial,Helvetica,sans-serif;margin-top:20px; margin-bottom:20px;;
color:#00959C;
}
b{ font-size:100%;
line-height:150%;
font-family:Arial,Helvetica,sans-serif;margin-top:20px; margin-bottom:20px;;
color:#092644;
}
a:link { text-decoration:none;color:#00959C }
<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "Button7.jpg"
button2= new Image();
button2.src = "Button7_1.jpg"
//-->
</script>
</style>
</head>
<body>
<div id="container">
<id="title">
<img src="banner2.jpg" width="700" height="100"><img src="blau.jpg"><img src="Button1.jpg"><br><!--<img src="menue.jpg">-->
<img src="Button2.jpg"><br>
<img src="Button3.jpg"><br>
<img src="Button4.jpg"><br>
<img src="Button5.jpg"><br>
<img src="Button6.jpg"><br>
<!--<img src="Button7.jpg"><br>-->
<a href="mailto:test@web.de"
onmouseover="austausch1.src='Button7_1.jpg';"
onmouseout="austausch1.src='Button7.jpg';">
<img src="Button7.jpg"
border="0"
name="austausch1">
</a>
<div align="right">
</div>
</div>
</body>
</html>
Lg
Sunflower