Willkommen auf dem Portal für Mediengestalter

Trendhase · Threadersteller

Hallo Zusammen!

Hab mal ne Frage: Warum wird meine DW Homepage in allen Browsern korrekt angezeigt, nur im IE nicht. Was kann ich dagegen tun. Haben nun mal viele IE. Kann ja net was umbauen, oder so nur damit es im IE an der richtigen Stelle ist. Zudem wird bei allen Flash-Filmen "Flash Player aktualisieren" angezeigt, auch wenn man den schon aktualisiert hat. Irgendwie is da der Wurm drin.
Wer kann mir helfen? Glaskugel

fyll · **Verfasst** So 24.10.2010 13:02 **Titel**

Fertig-Tools sollte man nur verwenden, wenn man weiß, wie es normalerweise gemacht wird und Zeit sparen will.
Sonst baust du dir ein Haus auf Sand wie du gerade feststellt.
Als Lektüre kann ich dir SelfHTML empfehlen.

Ansonsten - wir können doch nich hellsehen Meine Güte!

Trendhase · Threadersteller

Was meinst du mit Fertig-tools? Habe die Seite selbst gebaut, auch die Flashelemente. Ansonsten sind noch Bildergalerien aus Fireworks drin. In Firefox läuft´s prima!

aUDIOfREAK · **Verfasst** So 24.10.2010 14:28 **Titel**

er meint damit, das man einen editor wie dreamweaver nur einsetzen sollte, wenn man die seite auch "per fuß" in html und css bauen könnte und somit versteht, was dreamweaver an code erzeugt und evtl. bei problemen dann selbst in den code eingreifen kann.

ohne die seite gesehen zu haben kann dir keiner sagen, warum das im IE falsch dargestellt wird. dafür kann es hunderte gründe geben. dazu müsste man die seite und eben vor allem den quellcode sehen um das beurteilen zu können.

Trendhase · Threadersteller

Ok, dann mach ich die Seite erstmal fertig, dann könnt ihr sie euch ansehen. Was ich nicht verstehe, warum haben die anderen Browser keine Probleme?

Trendhase · Threadersteller

So, hab jetzt den Code. Probleme gibts beim Spry Element (Div7und bei dem Wort Trendshop (Div6), bei sind versetzt.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#apDiv1 {
position:absolute;
width:1108px;
height:817px;
z-index:1;
background-image: url(../Bilder/Hintergrund.jpg);
left: 63px;
top: 17px;
}
#apDiv7 {
position:absolute;
width:843px;
height:97px;
z-index:7;
left: 329px;
top: 64px;
}
#apDiv2 {
position:absolute;
width:1108px;
height:75px;
z-index:2;
left: 62px;
top: 16px;
background-image: url(../Bilder/abstract_0081.jpg);
}
#apDiv3 {
position:absolute;
width:1108px;
height:59px;
z-index:3;
left: 63px;
top: 776px;
background-image: url(../Bilder/abstract_0081_lang.jpg);
}
#apDiv4 {
position:absolute;
width:1108px;
height:65px;
z-index:4;
left: 62px;
top: 85px;
background-color: #641E5B;
}
#apDiv5 {
position:absolute;
width:295px;
height:90px;
z-index:5;
left: 70px;
top: 98px;
}
#apDiv6 {
position:absolute;
width:186px;
height:75px;
z-index:8;
left: 75px;
top: 69px;
}
body,td,th {
font-family: "Comic Sans MS", cursive;
font-size: 18px;
color: #BB6D9F;
}
h1 {
font-size: 36px;
}
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv9 {
position:absolute;
width:197px;
height:76px;
z-index:9;
left: 88px;
top: 700px;
}
#apDiv16 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 344px;
top: 198px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv8 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 613px;
top: 199px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv10 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 176px;
top: 278px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv11 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 134px;
top: 290px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv12 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 177px;
top: 259px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv13 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 220px;
top: 260px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv14 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 252px;
top: 223px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv15 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 204px;
top: 246px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv17 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 578px;
top: 264px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv18 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 343px;
top: 444px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv19 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 612px;
top: 446px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
padding-left: 10px;
padding-top: 5px;
}
#apDiv20 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 883px;
top: 447px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv21 {
position:absolute;
width:245px;
height:220px;
z-index:13;
left: 882px;
top: 200px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv22 { position:absolute;
width:245px;
height:220px;
z-index:13;
left: 350px;
top: 436px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv23 { position:absolute;
width:245px;
height:220px;
z-index:13;
left: 350px;
top: 436px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv24 {position:absolute;
width:245px;
height:220px;
z-index:13;
left: 610px;
top: 194px;
background-color: #FFFFFF;
border: medium groove #6F1D5D;
}
#apDiv25 {
position:absolute;
width:182px;
height:42px;
z-index:14;
left: 102px;
top: 214px;
font-size: 24px;
color: #000;
}
#apDiv26 { position:absolute;
width:182px;
height:42px;
z-index:14;
left: 102px;
top: 214px;
font-size: 24px;
color: #000;
}
#apDiv27 { position:absolute;
width:182px;
height:42px;
z-index:14;
left: 102px;
top: 214px;
font-size: 24px;
color: #000;
}
#apDiv28 {
position:absolute;
width:167px;
height:128px;
z-index:14;
left: 85px;
top: 203px;
}
</style>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv29 {
position:absolute;
width:604px;
height:87px;
z-index:1;
left: 204px;
top: 469px;
}
#apDiv30 {
position:absolute;
width:284px;
height:115px;
z-index:1;
left: -254px;
top: 370px;
}
#apDiv31 {
position:absolute;
width:187px;
height:39px;
z-index:1;
left: -258px;
top: 432px;
font-family: "Comic Sans MS", cursive;
font-size: 24px;
color: #000;
background-color: #FFF;
padding-left: 10px;
border: thin solid #000;
}
body {
background-color: #FFF;
}
a:hover {
color: #B9699C;
text-decoration: none;
}
a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #6A205F;
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>

<body>
<div id="apDiv1"></div>
<div id="apDiv2"></div>
<div id="apDiv3"></div>
<div id="apDiv4"></div>
<div id="apDiv6">
<h1>Trendshop</h1>
</div>
<div id="apDiv7">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li onclick="MM_showHideLayers('T-Shirt01','','show','T-Shirt02','','show','T-Shirt03','','show','T-Shirt04','','show','Design01','','hide','Design02','','hide','Design03','','hide','Design04','','hide')">
<h2><a href="Shirt-Shop.html">T-Shirts</a></h2>
</li>
<li onclick="MM_showHideLayers('apDiv1','','show','T-Shirt01','','hide','T-Shirt02','','hide','T-Shirt03','','hide','T-Shirt04','','hide','Design01','','show','Design02','','show','Design03','','show','Design04','','show')">
<h2><a href="#">Design</a></h2>
</li>
<li>
<h2><a href="Galerie-Shop.html">Galerie</a></h2>
</li>
</ul>
<div></div>
</div>
<div id="apDiv9"><a href="../index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Button_home5','','../Illustrator/Buttons/Home_over.jpg',1)"><img src="../Illustrator/Buttons/Button_Home.jpg" alt="zur Startseite" name="Button_home5" width="193" height="60" border="0" id="Button_home5" /></a></div>
<div id="apDiv16"><img src="../Bilder/Fotos Trendshop/Design/IMG_7071.JPG" width="160" height="214" hspace="40" vspace="2" />
<div id="apDiv31"><a href="Shop-Kontakt.html">Bestellformular</a></div>
</div>
<div id="apDiv5"></div>
<div id="apDiv8"><img src="../Bilder/Fotos Trendshop/Design/IMG_7068.JPG" width="188" height="213" hspace="28" vspace="3" /></div>
<div id="apDiv18"><img src="../Bilder/Fotos Trendshop/Design/IMG_7070.JPG" width="231" height="215" hspace="8" vspace="2" /></div>
<div id="apDiv19">Jedes Stofftier ist ein Unikat und nur einmal verfügbar. Das Sortiment wird stetig erweitert.</div>
<div id="apDiv21"><img src="../Bilder/Fotos Trendshop/Design/IMG_7069.JPG" width="199" height="212" hspace="20" vspace="3" /></div>
<div id="apDiv28">
<ul id="MenuBar2" class="MenuBarVertical">
<li><a href="Shop_Design1.html">Kuscheltiere</a> </li>
<li><a href="#">Designobjekte</a></li>
</ul>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Sonst scheints zu funktionieren, aber das is ja nur eine Seite!

Willkommen auf dem Portal für Mediengestalter

Thema: Darstellungsprobleme mit DW-Seite in IE8 vom 24.10.2010

Darstellungsprobleme mit DW-Seite in IE8