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

Darkwing-dave · #1 01.11.06, 09: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>

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Website Darstellung fehlerhaft,bräuchte da mal hilfe.	Newby	Hilfestellung, Tipps und Tricks	11	12.06.10 13:02
Problem bei Webseiten darstellung	most-wanted	Hilfestellung, Tipps und Tricks	16	21.03.09 19:46
Linien darstellung fehlt	chrisTHEgunner	Hilfestellung, Tipps und Tricks	2	17.05.08 11:09
Darstellung Design IE / Firefox	vektorpixel	Hilfestellung, Tipps und Tricks	5	07.01.07 21:05
CSS richtig, aber Darstellung falsch?	socke	Hilfestellung, Tipps und Tricks	2	27.09.05 21:11

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)