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

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>

**phoenix** · #2 01.11.06, 14:29

Welchen IE benutzt du denn? Die neue 7ner Version oder noch eine ältere?

Darkwing-dave · #3 01.11.06, 15:14

Benutzte Version 6.0 vom IE, aber Darstellungsfehler war ja im FF und IE...

Aber hab's jetzt raus

h6 {...;font-weight:lighter;margin:0px;padding:0px}

dann wird's im IE und FF korrekt dargestellt

Bevor ich dieses Projekt angefangen habe war ich noch kein Gegner des IE und konnte die auch nie verstehen... Langsam ändert sich das gewaltig...

**phoenix** · #4 01.11.06, 17:23

Besonders lustig ist es mit der neuen 7ner Version, da die plötzlich wieder Web-Standard konform sein soll. Ob die jetzt überhaupt noch 100% IE6 kompatibel ist ...

Ä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 12:02
Problem bei Webseiten darstellung	most-wanted	Hilfestellung, Tipps und Tricks	16	21.03.09 18:46
Linien darstellung fehlt	chrisTHEgunner	Hilfestellung, Tipps und Tricks	2	17.05.08 10:09
Darstellung Design IE / Firefox	vektorpixel	Hilfestellung, Tipps und Tricks	5	07.01.07 20:05
CSS richtig, aber Darstellung falsch?	socke	Hilfestellung, Tipps und Tricks	2	27.09.05 20:11

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