[GastForen Programme Web/Internet Adobe Dreamweaver Spry MenüBar verschiebt sich im Internet Explorer

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

Spry MenüBar verschiebt sich im Internet Explorer

Neeschter
Beiträge gesamt: 1

26. Apr 2013, 22:17
Beitrag # 1 von 1
Bewertung:
(1715 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo liebe wissenden,

folgendes Problem:
Ich benutze Adobe Dreamweaver CS6 und bin dabei eine Site neu aufzubauen. Leider habe ich auf diesem Gebiet nicht viel Erfahrung schon mal gar nicht wenn ich im Code was ändern muss.
Ich habe eine Horizontale und eine vertikale Menübar eingefügt bei der Vertikalen habe ich das Problem das sich im Internet Explorer alles verschiebt und nur "geknubbelt" dargestellt wird.
Im Fox und chrome ist alles i.O.
Hier meine Site www.koettonkleen.de

Für Eure Hilfe wäre ich echt dankbar

Markus
Code
<!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"><!-- InstanceBegin template="/Templates/hauptvorlage.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Unbenanntes Dokument</title>
<!-- InstanceEndEditable -->
<link href="../layout.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.container .sidebar2 table tr td {
font-weight: bold;
font-size: 12px;
margin-top: 60px;
background-image: url(../images/navi_oben-hinter.gif);
}
.tabelle_2_sidebar {
}
.container .sidebar2 p {
font-family: Verdana, Geneva, sans-serif;
}
</style>
</head>

<body>
<div class="container">
<div class="header">
<p>&nbsp;</p>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../index.html">Home</a> </li>
<li><a href="../verein.html" class="MenuBarItemSubmenu">Verein</a>
<ul>
<li><a href="../verein.html">Vorstand</a></li>
<li><a href="../historie.html">Historie</a></li>
<li><a href="../kinderkarneval.html">Kinderkarneval</a></li>
<li><a href="../veranstaltungen.html">Veranstaltungen</a></li>
<li><a href="../kalender.html">Kalender</a></li>
<li><a href="../rosenmontagsdaten.html">Rosenmontags- daten</a></li>
</ul>
</li>
<li><a href="../fotogalerie.html">Fotogalerie</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">Aktive</a>
<ul>
<li><a href="../wagenbaugruppen/wurstwagen.html">Wagenbau- gruppen</a></li>
<li><a href="../kostuemballgruppen/pricken.html">Kost&uuml;mball- gruppen</a></li>
<li><a href="../grosse_tanzgarde.html">Gro&szlig;e Tanzgarde</a></li>
<li><a href="../kleine_tanzgarde.html">Kleine Tanzgarde</a></li>
</ul>
</li>
<li><a href="../prinz.html" class="MenuBarItemSubmenu">Prinz</a>
<ul>
<li><a href="../prinz.html">Der Prinz und seine Minister</a></li>
<li><a href="../kinderkarneval.html">Kinderprinzenpaar</a></li>
<li><a href="../ehrendoktoren.html">Ehrendoktoren</a></li>
</ul>
</li>
<li><a href="../zeitungsartikel.html">Zeitungsartikel</a></li>
<li><a href="../kontakt.html" class="MenuBarItemSubmenu">Kontakt</a>
<ul>
<li><a href="http://koettonkleen.de/tinc?key=yJ0damYs&amp;start=-1&amp;reverse=1" target="new">G&auml;stebuch</a></li>
<li><a href="http://www.forum.koettonkleen.de" target="new">Forum</a></li>
</ul>
</li>
<li><a href="../liedertexte.html">Liedertexte</a> </li>
</ul>
<p>&nbsp; </p>
<p>&nbsp; </p>
</div>
<div class="sidebar1"><!-- InstanceBeginEditable name="linke_navi" -->
<ul id="MenuBar2" class="MenuBarVertical">
<li><a href="../wagenbaugruppen/wurstwagen.html" target="new">Wurstwagen</a></li>
<li><a href="../wagenbaugruppen/werthof.html">Werthof</a></li>
<li><a href="../wagenbaugruppen/menzen_1.html" target="new">Menzen I.</a></li>
<li><a href="../wagenbaugruppen/paas.html" target="new">Paas</a></li>
<li><a href="../wagenbaugruppen/puetz.html">Pütz</a></li>
<li><a href="../wagenbaugruppen/wolters.html">Wolters</a></li>
<li><a href="../wagenbaugruppen/grefen_1.html">Grefen I.</a></li>
<li><a href="../wagenbaugruppen/baakes.html">Baakes</a></li>
<li><a href="../wagenbaugruppen/bongartz.html">Bongartz</a></li>
<li><a href="../wagenbaugruppen/grefen_2.html">Grefen II.</a></li>
<li><a href="../wagenbaugruppen/menzen_2.html">Menzen II.</a></li>
<li><a href="../wagenbaugruppen/roessler.html">R&ouml;ssler</a></li>
<li><a href="../wagenbaugruppen/heesen.html">Heesen</a></li>
<li><a href="../wagenbaugruppen/fg_abel.html">Fu&szlig;gruppe Abel</a></li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<!-- TemplateBeginEditable name="EditRegion2" -->
<p>&nbsp;</p>
<!-- TemplateEndEditable --><!-- InstanceEndEditable --><!-- end .sidebar1 --></div>
<div class="content" name="inhalt"><!-- InstanceBeginEditable name="hauptteil" -->
<p>hklh</p>
<p>
<label for="test"></label>
</p>
<p>&nbsp;</p>
<p>gö&lt;jfg </p>
<script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
<!-- InstanceEndEditable --><!-- end .content --> </div>
<div class="sidebar2">
<table width="180" border="0" align="center">
<tr>
<th scope="row"><a href="../kalender.html"><img src="../images/kalender.gif" width="175" height="217" /></a></th>
</tr>
</table>
<hr />
<table width="180" border="0" align="center">
<tr>
<th scope="row"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fkoettonkleen&amp;width=185&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:165px; height:200px;" allowTransparency="true"></iframe></th>
</tr>
</table>
<hr />
<table width="160" border="0" align="center">
<tr>
<th scope="row">Links</th>
</tr>
<tr>
<th scope="row"><a href="http://www.bongartz-klahsen.de/" target="new"><img src="../images/music_more.gif" width="80" height="80" /></a><a href="http://www.rheinjecken.de/" target="new"><img src="../images/rheinjecken.gif" width="80" height="80" /></a></th>
</tr>
<tr>
<th scope="row"><a href="http://www.adlernierst.com/" target="new"><img src="../images/adler_nierst.gif" width="80" height="80" /></a><a href="http://www.nbv-nierst.de/" target="new"><img src="../images/nbv.gif" width="80" height="80" /></a></th>
</tr>
<tr>
<th scope="row"><iframe width="175" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.de/maps?client=firefox-a&amp;hl=de&amp;ie=UTF8&amp;t=m&amp;ll=51.315378,6.715393&amp;spn=0.010729,0.014935&amp;z=14&amp;output=embed"></iframe>
<p><br />
<small><a href="https://maps.google.de/maps?client=firefox-a&amp;hl=de&amp;ie=UTF8&amp;t=m&amp;ll=51.315378,6.715393&amp;spn=0.010729,0.014935&amp;z=14&amp;source=embed" target="new" style="color: #0000FF; text-align: left; font-size: 90%;">Größere Kartenansicht</a></small></p></th>
</tr>
</table>
</div>
<div class="footer">
<p><a href="../impressum.html">Impressum</a> | <a href="../kontakt.html">Kontakt</a></p>
<!-- end .footer --></div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd --></html>

X