PDA

Vollständige Version anzeigen : Web-Design Darstellung im IE und FF unterscheiden sich..

Darkwing-dave
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:
http://img1.myimg.de/ieffe46_thumb.jpg (http://www.myimg.de/?img=ieffe46.jpg)

(Die Div-Box heisst contact..)



Hier Quelltext:
<!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
01.11.06, 15:29
Welchen IE benutzt du denn? Die neue 7ner Version oder noch eine ältere?
Darkwing-dave
01.11.06, 16:14
Benutzte Version 6.0 vom IE, aber Darstellungsfehler war ja im FF und IE...

Aber hab's jetzt raus :emo_biggr

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...:eraser:
phoenix
01.11.06, 18: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 ...