Photoshop-Cafe.de :: Dein Photoshop-Forum - Einzelnen Beitrag anzeigen - Web-Design Darstellung im IE und FF unterscheiden sich..

Darkwing-dave · #1 01.11.06, 08:54

Hab eine Div-Box gemacht und Text hinein geschrieben... jetzt sieht das im IE ganz anders aus als im Firefox... Kann mir einer sagen, wo ich welchen Fehler mache? (Seh vor lauter Bäumen den Wald nicht mehr....)

Hier Bild:

(Die Div-Box heisst contact..)

Hier Quelltext:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="..." />
<meta name="description" content="...." />
<meta name="keywords" content="....." />
<style type="text/css"><!--
body 
{
font-family:Verdana, Arial, sans-serif;
font-size:100.1%;
background-color:black;
text-align:center;
margin-top:20px;
}
h1 {font-size:1.4em;color:#000000;margin-bottom:0px;}
h2 {font-size:1.2em;color:#000000;}
h3 {font-size:1.0em;color:#000000;}
h6 {font-size:0.6em;color:#eeeeee;font-weight:lighter;}

a:link, a:visited, a:active, a:hover
	{ 
	text-decoration:underline;
	font-weight:normal;
	color:#ff0000;
	font-size:0.7em;
	}
a:active, a:hover
	{ 
	color:#009999;
	}
a.menu 	{
	display:block;
	padding:3px;
	border-top:1px solid #000;
	background-color:#737994;
	text-align:left;
	color:#eeeeee;
	text-decoration:none;
	 }
a.menu:link, a.menu:visited
	{ 
	color:#eeeeee;
	background-color:#737994;
	text-decoration:none;
	font-weight:bold;
	}
a.menu:active, a.menu:hover
	{ 
	color:#737994;
	font-weight:bold;
	background-color:#eeeeee;
	}

#container
{
width:740px;
height: 530px;
margin: 0px auto;
text-align:left;
background-color:#cccccc;
border:1px solid #000000;
}
#title {
	height:80px;
	border-bottom:1px solid #000;
	background-image: url(bilder/banner.jpg);
	background-repeat: no-repeat;
}

#left {
background-color:#cccccc;
width:145px;
height:430px;
float:left;
margin-top:10px;
margin-left:8px;
}
	.menutitle{
	font-weight:bold;
	text-align:left;
	margin:0px;
	padding:2px;
	}
	.menucontainer {
	border:1px solid #000;
	background-color:#7b7d8e;
	width:125px;
	margin:10px;
	}

#content {
border:1px solid #000000;
background-color:#eeeeee;
width:auto;
height:430px;
float:left;
margin:10px 10px 10px 10px;
}

#contact {
border:1px solid #000;
background-color:#7b7d8e;
width:124px;
margin-top:80px;
margin-left:10px;
margin-right:0px;
padding:1px;
}

//--></style>
<title>Wiesehoeckli Flumserberg</title>
</head>
<body>
<div id="container">
  <div id="title"> 
 </div>

 <div id="left">
  <div class="menucontainer">
   <p class="menutitle">Menu</p>
   <a class="menu" href="#">Wieseh&ouml;ckli</a>
   <a class="menu" href="#">Preise/Anfahrt</a>
   <a class="menu" href="#">Reservation</a>
   <a class="menu" href="#">Aktivit&auml;ten</a>
   <a class="menu" href="#">aktuelles Wetter</a>
   <a class="menu" href="#">Gallerie</a>
   <a class="menu" href="#">Links</a>
  </div>

<div id="contact">
<h6>Zeile 1<br />
Zeile 2<br />
Zeile 3<br />
Zeile 4<br /></h6>
<p></p>
<h6>Zeile 5 nach Abstand<br />
<p></p>
Zeile 6 nach Abstand<br />
Zeile 7</h6>
</div>

 </div>

 <div id="content">
<iframe src="iframe1.htm" name="iframe" scrolling="auto" allowtransparency="true" width="545" height="430" margin="10" boder="0"></iframe>
</div>
 <br style="clear:both;" />
</div>
</body>
</html>