php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 13.03.2010, 00:32  
Neuer Benutzer
 
Registriert seit: 20.02.2010
Beiträge: 12
PHP-Kenntnisse:
Anfänger
Nudelz befindet sich auf einem aufstrebenden Ast
Standard Spry Problem mit dem InternetExplorer8

hallo,
wie im titel steht hab ich ein problem mit meinen sprys im ie8.

ich habe in die menü leiste spry menüs (vertikal) eingebaut. hat alles wunderbar geklappt hab auch farben breite etc. geändert.
NUR wenn da nicht dieser IE wäre, worauf man schon achten muss, da es ja immer noch leute gibt die ihn nutzen leider, sind die sprys kaputt.

kurze bilder dann code:


Ich denke es ist klar welches IE ist.
Es handelt sich dabei um die IE8. mit chrome klappt es auch ohne probleme. Die Spry Version ist 1.6.1.

so nun die codes
von der html seite:
Code:
Code:
<div id="left">
  <p align="left"><font style="background-color:#FFF" face="Verdana, Geneva, sans-serif" ><b>&nbsp; Navigation</b></font></p>
  <ul class="MenuBarVertical" id="MenuBar1">
  <li><a href="index.html" title="Home">Home</a></li>
<li><a href="kontakt.html" title="Kontakt">Kontakt</a></li>
<li><a href="impressum.html" title="Impressum">Impressum</a>      </li>
    <li><a href="disclaimer.html" title="Haftungsausschluss">Haftungsausschluss</a></li>
    <li><a href="satzung.html" title="Satzung">Satzung</a></li>
    <li><a href="beitritt.html" title="Mitgliedschaft">Mitgliedschaft</a></li>
  </ul>
  <p>&nbsp;</p>
   <ul id="MenuBar2" class="MenuBarVertical">
    <li><a href="historie.html" title="     Historie Aachener Melaten"> Historie Aachener Melaten</a></li>
<li><a href="publikationen.html" title="Publikationen">Publikationen</a></li>
<li><a href="beitraege.html" title="Online-Beitr&auml;ge">Online-Beitr&auml;ge</a></li>
</ul>
  <p>&nbsp;</p>
   <ul id="MenuBar3" class="MenuBarVertical">
    <li><a href="veranstaltungen.html">Veranstaltungen</a></li>
    <li><a href="links.html">Links</a></li>
  </ul>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>

</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
der Code vom Spry:
Code:

Code:
@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 80%;
    font-family:Verdana, Geneva, sans-serif;
    cursor: default;
    width: 13em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
    z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 10m;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
    left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
    width: 10.2em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
    border: 1px solid #FFF;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
    border: 1px solid #FFF;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
    display: block;
    cursor: pointer;
    background-color: #FFF;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
    background-color: #FFF;
    color: #FFF;
    font-weight: bold;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
    background-color: #336600;
    color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
    ul.MenuBarVertical li.MenuBarItemIE
    {
        display:inline;
        f\loat: left;
        background: #FFF;
    }
}
Was ist da los
Nudelz ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Ajax - Session Problem halskrause PHP Tipps 2009 10 12.01.2010 02:27
[Erledigt] Problem mit Mehrsprachigkeit Sniper_Kotaro PHP Tipps 2009 2 16.12.2009 11:47
Problem beim Download Management mistermint PHP Tipps 2009 8 24.10.2009 11:34
Umlaut Problem nokieone PHP Tipps 2009 7 16.10.2009 19:30
Problem mit Basedir in PhP cmuch05 Datenbanken 9 08.01.2009 14:17
[Erledigt] Problem: PHP Selbe Datei mehr als 1 Mal soulan PHP Tipps 2008 13 28.11.2008 22:51
Problem Upload mehrere Dateien und schreiben in DB Lapje PHP Tipps 2008 1 22.10.2008 13:12
utf8 Problem (Daten aus DB auslesen) go1denboy PHP Tipps 2008 1 23.09.2008 12:19
Problem mit swfobjects R4v3r JavaScript, Ajax und mehr 8 21.09.2008 14:17
[Erledigt] Galerie Problem... coraplanet PHP Tipps 2008 4 06.06.2008 13:42
datensätze defekt oder problem mit dem einlesen? Ministry Datenbanken 4 06.07.2006 18:42
problem!!! PHP Tipps 2006 6 08.02.2006 11:06
Smarty und PHP-Skript Problem PHP Tipps 2004-2 2 03.12.2004 22:27
Problem mit alter JavaScript-Funktion woods PHP Tipps 2004 1 13.08.2004 13:34

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
internetexplorer8, ul.menubarvertical li.menubaritemie, spry und ie8, spry menu ie8 script error, internet explorer 8 skriptfehler spry, spry anzeige ie9, sprymenubarvertical.css - version 0.6 - spry pre-release 1.6.1, spry navigation internet explorer fehler, dreamweaver spry-menue in ie9, einlese-fehler /* hack for ie: to stabilize appearance of menu items; the slash in float is to keep ie 5.0 from parsing */ @media screen, projection { ul.menubarvertical li.menubaritemie { display: inline; f/ loat: left; background: #fff; }, spry.widget auslesen, umlaut fehler spry assets, sprymenubarvertical ie, ie spry vertikal, internet explorer 8 problem nbsp, spryassets vertical, einlese-fehler filter: alpha(opacity, ul.menubarvertical iframe filter, widget probleme mit ie8, spry widget fehler bei ie

Alle Zeitangaben in WEZ +1. Es ist jetzt 18:48 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum