Benötige Hilfe für Spry Menu im IE

**Europa2012** · 18.06.2012, 20:34

Mein Spry Menu funktioniert im IE nicht. Es wird komplett nach Links an den Monitorrand verschoben

Kann mir jemand bitte einen entscheidenen Tipp geben? Habe schon nach Spry Bugs gesucht, auch ein paar gefunden, jedoch lassen sich die Lösungen bei mir nicht anwenden.

Code:

<ul id="MenuBar1" class="MenuBarHorizontal">

<li>

<a class="MenuBarItemSubmenu" href="#"><img src="bilder/set.jpg" border="0" width="22" height="22" /></a>

<ul>

<li><a href="#">Punkt 1</a></li>
<li><a href="#">Punkt 2</a></li>
<li><a href="#">Punkt 3</a></li>
<li><a href="#">Punkt 4</a></li>
<li><a href="#">Punkt 5</a></li>

</ul>
</li>
</ul>

Code:

@charset "UTF-8";


ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	cursor: default;
	width: auto;
	color: #130F18;
}


ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: right;
}

ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 190px;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: -150px;
	color: #130F18;
	height: 190px;
	width: 185px;
	padding-top: 10px;
	background-image: url(../../intern/bilder/navi.png);
	padding-left: 5px;
}

ul.MenuBarHorizontal ul li
{
	width: 170px;
	float: left;
	overflow: visible;
	padding-left: 5px;
	margin-top: 2px;
}
#wrapper #head #oben #navi table tr td #MenuBar1 li .MenuBarSubmenuVisible li a {
	color: #130F18;
}


ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

ul.MenuBarHorizontal ul
{

}

ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	color: #130F18;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 10px;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: #130F18;
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: #130F18;
}


ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}




ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}


@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	float: right;


	}
}

Danke für eure Hilfe.

**PascalKremp** · 19.06.2012, 08:15

Hallo Europa2012,

welcher IE? Kannst du uns für Testzwecke etwas hochladen?

Gruß
Pascal

**Gelbseidenraupe** · 07.10.2012, 11:52

Das gleiche Problem habe ich auch und suche verzweifelt nach einer Lösung! Witzigerweise wird die Spry-Menüleiste nur in HTML-Seiten verschoben. Meine Kontaktseite ist in PHP. Dort wird alles korrekt dargestellt.
Zum Anschauen: www.chirurgie-barssel.de
Hast du schon eine Lösung gefunden?

**gladysp20** · 08.10.2012, 05:37

welcher IE? Kannst du uns für Testzwecke etwas hochladen?

**Gelbseidenraupe** · 08.10.2012, 08:09

Na klar - gern! Auf meiner Maschine läuft der neueste IE mit 64 bit. Ich weiß aber, dass andere IE Nutzer das gleiche Problem haben. Die Seite zum Anschauen ist www.chirurgie-barssel.de
Hier ist der Code der Index-Seite:

<!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" />
<meta name="google-site-verification" content="q1uSfDn9Gc7gLNhmMB6vAlexTLcFS6RFbI_pVX4DRjI" />
<title>Chirurgische Praxis Barssel</title>
<meta name="Keywords" content="plastische Chirurgie, Hautstraffung, Lifting, Schönheit, Ohrmuschelkorrektur, abstehende Ohren, Fettabsaugung, Liposuktion, Lipödem, ästhetische Medizin, Faltenbehandlung, Falten, Fusschirurgie, Handchirurgie, orthopädische Chirurgie, Knieschmerzen, Knie tapen, Knie OP, Fuß tapen" />
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>

<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
<div id="apDiv1">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="Sites/impressum.html">IMPRESSUM</a></li>
<li><a href="Sites/kontakt.php">KONTAKT</a></li>
<li><a href="Sites/service.html">SERVICE</a></li>
<li><a href="Sites/leistungen.html">LEISTUNGEN</a></li>
<li><a href="Sites/praxis.html">DIE PRAXIS</a></li>
</ul>
</div>
<div>

</div></div>
<div id="sidebar1">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Bilder/Front_sidebar_topleiste.png" width="200" height="50" /></td>
</tr>
</table>
<p><img src="Bilder/menu_1.png" alt="menu-tags_left" width="190" height="360" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="14,86,119,110" href="Sites/oeffnungszeiten.html" />
<area shape="rect" coords="113,112,177,132" href="Sites/kontakt.php" />
<area shape="rect" coords="43,133,135,150" href="Sites/leistungen.html" />
<area shape="rect" coords="18,158,56,173" href="Sites/kontakt.php" />
<area shape="rect" coords="127,174,166,191" href="Sites/igel.html" />
<area shape="rect" coords="8,192,124,211" href="Sites/anfahrt2.html" target="_blank" />
<area shape="rect" coords="77,221,163,241" href="Sites/leistungen.html" />
<area shape="rect" coords="10,251,123,275" href="Sites/oeffnungszeiten.html" />
<area shape="rect" coords="101,284,170,303" href="Sites/leistungen.html" />
<area shape="rect" coords="14,306,85,326" href="Sites/mitarbeiterteam.html" />
</map>
</p>

</div>
<div id="mainContent">
<table width="880" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Bilder/Front_container_topleiste.png" width="886" height="50" /></td>
</tr>
<tr>
<td><img src="Bilder/Front_Container7.jpg" width="886" height="442" border="0" usemap="#Map2" /></td>
</tr>
</table>
<p> </p></div>
<br class="clearfloat" />
<div id="footer">
<p>  
<script type="text/javascript" language="JavaScript">
monate = new Array("Januar","Februar","März","April",
"Mai","Juni","Juli","August","September","Oktober",
"November","Dezember");
wochentage = new Array("Sonntag","Montag","Dienstag",
"Mittwoch","Donnerstag","Freitag","Samstag");
datum = new Date();
wtg = datum.getDay();
tag = datum.getDate();
mon = datum.getMonth();
jhr = datum.getFullYear();
tag = (tag < 10) ? "0"+tag : tag;
ausgabe = wochentage[wtg]+", "+tag+". "+monate[mon]+" "+jhr;
document.write(ausgabe);
</script>
</p>
</div>
</div>
<map name="Map2" id="Map2">
<area shape="rect" coords="14,5,884,435" href="Sites/praxis.html" />
</map>
<script type="text/javascript">

</script>
</body>
</html>

**klaie01** · 10.10.2012, 12:42

welcher IE? Kannst du uns für Testzwecke etwas hochladen?

**Gelbseidenraupe** · 10.10.2012, 13:25

Natürlich - gern!
Internet Explorer x64
Ist in jedem IE falsch dargestellt.
WWW.chirurgie-barssel.de

zur Startseite vom TP

Thema: Benötige Hilfe für Spry Menu im IE

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Benötige Hilfe für Spry Menu im IE

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

[Darstellungsfehler] spry menu horizontal mit dreamweaver wird online nicht richtig dargestell..

[DW CS4] Spry-Menu: Background-color nur in Unterelementen sichtbar

[DW CS4] Spry Datensatz - Hilfe bei Formatierung

Spry-Menu funktioniert mit IE 8 nicht korrekt

Spry Menu Designen?!

Stichworte

Aktive Benutzer

Aktive Benutzer

Berechtigungen