DW-CS4 Problem: Spry-Menu und IE - immer noch ! @ tutorials.de: Tutorials, Forum & Hilfe

kbn · 30.12.09 14:17

Es ist zu Verzweifeln, habe in einer Vorlage innerhalb Dreamweaver CS4 ein vertikales Spry-Menu reingesetzt. Unter Firefox alles bestens, funktioniert einwandfrei !!

Jetzt erhalte ich vermehrt von IE6 Nutzern Meldungen, daß der IE das Menu überhaupt nicht zeigt.

Bei der Browser Compatibilitätsprüfung meldet mir Dreamweaver im Zusammenhang mit dem Menu mehrfach ein Problem, falls ein Text nicht in die Box passt ... etc.pp. Mein Text passt aber in die Box !!
Trotzdem meckert er und der IE ignoriert das Menu.

Nur, die dort (im DW) beschriebenen Abhilfemaßnahmen greifen bei mir nicht bzw. führen zu noch kurioseren Bildern.
Wie kommt man da am elegantesten raus

Gruß
kbn

Maik · 30.12.09 14:20

Hi,

Zitat von kbn

Wie kommt man da am elegantesten raus

Da lässt sich schwer eine Empfehlung aussprechen, wenn man die Seite überhaupt nicht gesehen hat.

mfg Maik

kbn · 30.12.09 14:24

hier der Link auf die Seite: www.daddeberjch.de

Maik · 30.12.09 14:42

Da das Menü im IE7 ebenfalls nicht zu entdecken ist, würde ich beim ersten Überfliegen des Codes auf diesen Regelblock, und dem darin festgelegten Alpha-Filter tippen, der bis auf ein Zehntel einer totalen Transparenz gleichkommt:

Code css:

/* 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); /* der opacity-Wert "0" bedeutet eine vollkommene Transparenz, d.h. der Seitenhintergrund scheint voll durch */
}

mfg Maik

kbn · 30.12.09 16:00

Hallo Maik,
danke für den Hinweis, habe den besagten Wert mal von 0 in 100 geändert, leider ohne Erfolg.

In der IE-Browservorschau innerhalb DW wird das Menu zwar jetzt angezeigt, wenn auch in etwas anderer Form und etwas anderem Ort, wenn ich die Seite aber dann hochlade, erscheint das Menu gar nicht mehr.

Bin echt ratlos ?!!

Gruß
kbn

Maik · 30.12.09 16:01

Okay, mit meinem Tipp bin ich dann doch daneben gelegen.

Ist ja fast wie zu Ostern, wo die Eier im Garten versteckt sind - aber ich hab sie nun ausfindig gemacht.

Wer suchet, der findet!

Zum einen greift hier die text-align:center-Deklaration für <body>, mit der der IE in seiner typischen Art das Menü im Fenster horizontal zentriert, wo es dann vom DIV #content in der Schichtposition überdeckt wird.

Lösungsvorschlag:

Code css:

/* aus */
body,td,th {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        text-align: center;
}
 
/* wird */
body,td,th {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
}
td,th {
       text-align: center;
}

mfg Maik

kbn · 30.12.09 16:35

Danke Maik,

das Ganze ist ja wie verhext, jetzt erscheint das Menu für einige Millisekunden im IE, und ist dann wieder weg.

Was passiert da ?

Bin am verzweifeln am dransein !!
Gruß
kbn

Maik · 30.12.09 16:42

Versuch es mal mit diesen Regelerweiterungen:

Code css:

ul.MenuBarVertical
{
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: 8em;
        position:absolute; /* absolute Positionierung */
        left:0; /* Startposition von links */
        z-index: 1000; /* Schichtposition */
}

mfg Maik

kbn · 30.12.09 17:43

Hallo Maik,

das wird eine unendliche Geschichte, frage mich langsam, ob es Sinn macht, die Vorlage mit dem Menu komplett neu zu kreieren, und "wenn" sie mit allen Browsern funktioniert, mit den diversen Inhalten neu zu verbinden.

Werds die nächsten Tage mal angehen, für heute vielen Dank !

"GutRutsch"
kbn

Maik · 30.12.09 17:47

Bevor du nun vorzeitig die Flinte ins Korn wirfst, korrigiere hier erstmal den Syntax-Fehler, der dir wohl beim Entfernen meiner Kommentare unterlaufen ist:

Code css:

ul.MenuBarVertical
{
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 8em;
    position:absolute /* Hier fehlt am Ende das Semikolon, wodurch die beiden nachfolgenden Regeln vom Browser nicht mehr verarbeitet werden  */
    left: 0px;
    z-index: 1000;
}

Bei mir fruchten nämlich all meine Vorschläge im IE6 und IE7

DW-CS4 Problem: Spry-Menu und IE - immer noch !-ie6.jpg

DW-CS4 Problem: Spry-Menu und IE - immer noch !-ie7.jpg

(v.l.n.r.: IE6, IE7)

mfg Maik

kbn · 31.12.09 09:54

Zitat von Maik

Bei mir fruchten nämlich all meine Vorschläge im IE6 und IE7

Anhang 50230 Anhang 50231
(v.l.n.r.: IE6, IE7)

mfg Maik

Hallo Maik,
also das verstehe jetzt wer will ?!, habe die Seite jetzt auf drei verschiedenen Computern aufgerufen, zweimal XP mit IE6, und auf'm Läppi mit VISTA und IE8.

Im IE8 sehe ich jetzt mein vertikales Menu in horizontaler Darstellung , im IE6 flanieren einige Menuflächen frei und zusammenhanglos im unteren Bild herum.

Sehe in deiner Darstellung, daß Du dir die Seiten in deinen lokalen Testbereich runtergeladen und scheinbar dort "frisiert" hast. Kannst Du mir das Ergebnis deiner Frisur evtl. mal per Mail (kbn@gmx.net) zukommen lassen? Vielleicht komm ich dann dahinter.

Schönen Dank schonmal ..
Gruß
kbn

Maik · 31.12.09 10:05

Moin,

alles, was ich gestern in deinem bestehenden CSS-Code modifiziert hatte, habe ich hier in Post #6 und #8 genannt.

Mir fällt blos auf, dass unser beider Stylesheets zumindest in diesem Regelblock nun nicht mehr deckungsgleich sind - man beachte hierbei insbesondere deine hinzugefügten Positionsangaben:

Original-Fassung:

Code css:

ul.MenuBarVertical li
{
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 160px;
}

Aktuelle Fassung:

Code css:

ul.MenuBarVertical li
{
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: default;
    width: 13.5em;
    z-index: 1000;
    left: 0px;
    top: auto;
}

mfg Maik

kbn · 31.12.09 11:25

Hallo Maik,
ich glaube ich habs !!

Ich hatte nochmal alle von Dir vorgeschlagenen "Frisuren" kontrolliert bzw. ergänzt.
Daraufhin erschien das Menu aber immer noch unvollständig und verzerrt, aber es erschien schon mal.
Dann fiel mir auf, daß ganz unten in der css-Datei der letzte IE-Hack doppelt in geschweiften Klammern saß. Nachdem ich nun ein Klammernpaar entfernt habe, ist das Menu da wo es sein soll.

Es ist zwar optisch noch nicht genau identisch mit der Darstellung im Firefox, aber das erkennen nur Kritiker wie ich !!

Nochmals Dank für Deine Unterstützung, hab ne Menge dabei gelernt !!

Gruß
kbn

Maik · 31.12.09 11:47

Na, dann wollen wir mal die Kritiker ruhig stellen

Die diskrepante Positionierung kannst du ganz einfach ausgleichen, indem im Dokument die voreingestellten Polsterungseigenschaften auf null zurückgesetzt werden, denn zwischen dem IE und den anderen Browsern existieren dort unterschiedliche Initialwerte:

Code css:

html,body {
margin:0;
padding:0;
}

Sollte für das Menü ein Abstand zum Fensterrand erwünscht sein, wird dieser in der left-Angabe festgelegt, z.B.: left:10px anstelle von left:0.

mfg Maik

kbn · 31.12.09 12:40

Hallo Maik,
glaube ich hatte mich zu früh gefreut, so 100% funktionierts im IE immer noch nicht.

Das Menu erscheint regelmäßig erst, wenn man mit dem Cursor über die Stelle fährt.

Die vorgeschlagenen Initialisierungen hatte ich in der css-Datei oben eingesetzt, gebracht hats aber noch nichts, Irgendwo steckt da noch der Wurm drin.

Probiere weiter.

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Spry Menu funktioniert leider nicht im Firefox

Dreamweaver CS3 Spry Menu Bar: Background image

IE und spry menu

Immer noch Problem mit GB...

noch immer *.txt problem !

Stichworte

E-Mail:

Abonnieren Abbestellen