RollOver Menü funktioniert nicht unter FireFox.

Hi Leute,

Ich habe da mal ein Problem mit meinem RollOver-Menü. Unter IE funktioniert alles ganz wunderbar, aber nicht unter FireFox. Das RollOver-Menü ist in einem Container. Ich vermute, dass man auf den Container generell nicht zugreifen kann, da als ich dort einen normalen Link rein gemacht hatte und dieser auch nicht funktionierte. Des Weiteren funktioniert ein Butto in einem anderen Container, der mit dem gleichen Prinziep gemacht wurde, wunderbar. Mein Quellcode sieht wie folgt aus:
[html]

Willkommen auf Easy's Hompage
WillkommenLogo
Das Projekt Delia von Meyerbach Nachbarschaft Delia's Tagebuch

Willkommen auf Easy's Hompage

Vielen Dank, dass Ihr heute meine Hompage besuchen kommt.
Sie wurde in erster Linie wegen des Singleprojektes "Simlane 10" erstellt. Was es genau mit dem Projekt auf sich hat erfahrt ihr unter dem Menüpunkt "Das Projekt".
Des Weiteren könnt ihr unter "Delia" mehr über die Person meines Single-Sims lesen.
In "Delias's Tagebuch" erfahrt ihr dann mehr über ihr Leben und ihre persönlichen Gedanken.
Also schaut euch einfach mal um. Ich wünsche euch dabei viel Spaß.

Eure Easy.


News

nach oben
[/html]

Der zugehörige style.css sieht ie folgt aus:

[code]a {
color:#8ff806;
text-decoration:none;
}

body {
background-color:#004d8d;
color:#2de90a;
padding:0px;
margin:0px;
}
hr {
color:#2de90a;
}
h1 {
text-align:center;
}
.navigation {
width:195px;
height:500px;
margin-left:20px;
margin-top:50px;
position:relative;
float:left;
}
p {
font-size:15px;
text-align:center;
}
.pictext {
text-align:left;
}
.textfeld {
position:relative;
margin-top:50px;
margin-left:20px;
margin-right:400px;
top:0px;
}
[/code]

Woran kann das hängen, dass das RollOver Menü nicht funktioniert.
Ich hoffe, mir kann jemdan von euch helfen.

Danke schon mal im Vorraus.

bye easy

Sieht ja aus wie ein generierter Code ?! Such im Forum mal nach Mouseover, da sollte es genug vernünftige und funktionierende Codes geben. In Kurzform:

<a href="#" onmouseover="document.getElementById('bild1').src='bild2.gif';" onmouseout="document.getElementById('bild1').src='bild1.gif';"><img src="src="bild1.gif" id="bild1" alt="" /></a>

Hi,

Danke für die Anwort. Ich guck mal ob ich was finde. Bewirt das dann das gleiche?

bye easy

Ich versteh gerad nur Gasthof :?:

hi,

sorry ichmeinte bewirkt das das gleich wie das rollOver???

bye easy

Ja. -mindestlänge-

hi,

also ich habe das mouseove mal ausprobiert. Habe mir das hier auf folgender seite durchgelesen und umgesetzt:
Mouseover Beispiel 02 Erklärung HTML JavaScript Beispiel Download

Das funktioniert auch beim IE. Aber beim FF ist es das gleiche Problem, wie vorher. Es liegt also nicht am RolOver. Man kann einfach nicht auf den Container zugreifen, in dem das Menü liegt. Wie kann ich ihn wieder freigeben, dass man drauf zugreifen kann???

bye easy

Zeig doch deinen Code auch noch dazu :roll:

Zeig uns das Ganze doch bitte mal auf der Seite „live“.

Grundsätzlich empfehle ich die Verwendung der Methode, die ich unten in meiner Signatur verlinkt habe. Die funktioniert eigentlich immer.

hi Leute,

hier ist noch mal der Quelltext, den ich abgeändert habe:[HTML]

Willkommen auf Easy's Hompage
WillkommenLogo
Projekt Das Projekt Delia von Meyerbach Nachbarschaft Delia's Tagebuch

Willkommen auf Easy's Hompage

Vielen Dank, dass Ihr heute meine Hompage besuchen kommt.
Sie wurde in erster Linie wegen des Singleprojektes "Simlane 10" erstellt. Was es genau mit dem Projekt auf sich hat erfahrt ihr unter dem Menüpunkt "Das Projekt".
Des Weiteren könnt ihr unter "Delia" mehr über die Person meines Single-Sims lesen.
In "Delias's Tagebuch" erfahrt ihr dann mehr über ihr Leben und ihre persönlichen Gedanken.
Also schaut euch einfach mal um. Ich wünsche euch dabei viel Spaß.

Eure Easy.


News

nach oben
[/HTML]

Den style.css habe ich nicht abgeändert.

Die seite könnt ihr euch auf Willkommen auf Easy’s Hompage ansehen.

bye easy

Das zu tun wäre aber wesentlich einfacher als das, was du gerade versuchst. :roll:

Die seite könnt ihr euch auf Willkommen auf Easy’s Hompage ansehen.
Vielen Dank, das ist sehr hilfreich. Besonders interessant finde ich, dass der nach-oben-Link auch beim Firefox funktioniert.
Wenn du dem div, das die Navigations-Links umgibt, [html]class=„textfeld“[/html] zuweist, dann geht es. Bisher steht da: [HTML]class=„navigation“[/HTML]

Natürlich ist das nicht die Ideallösung, weil damit ja unterschiedliche style-Informationen verknüpft sind.
Nimm einfach die CSS-Lösung aus meiner Signatur und es gibt keine Probleme mehr.

hi,

danke erst mal für die Antwort. Ich werde es ausprobieren und mich dann noch mal melden.

bye easy

hi Leute,

also ich habe jetzt mal den Vorschlag von IngoS ausprobiert, aber dasran lag es nicht.

Ich habe endlich mal meinen Freund noch mal drübergucken lassen und es lag, wie ich schon vermutet hatte an den Containern. Ich habe jetzt die beiden Container Navigation und Textfeld in einen reingepackt und noch etwas an der syle.css angepasst.

Ich stelle noch mal den neuen Quellcode online, damit ihr sehen könnt, was ich geändert hat bzw. was mein Freund geändert hat. Ich verstehe nämlich nicht wirklich, wo der Fehler war und was er abgeändert hat. Falls ihr da durchblickt und dahinter kommt, dann könnt ihr mir es ja erklären.

So und hier sind die Quellcode:
[HTML]

WillkommenLogo
Das Projekt Delia von Meyerbach Nachbarschaft Delia's Tagebuch

Willkommen auf Easy's Hompage


Vielen Dank, dass Ihr heute meine Hompage besuchen kommt.
Sie wurde in erster Linie wegen des Singleprojektes "Simlane 10" erstellt. Was es genau mit dem Projekt auf sich hat erfahrt ihr unter dem Menüpunkt "Das Projekt".
Des Weiteren könnt ihr unter "Delia" mehr über die Person meines Single-Sims lesen.
In "Delias's Tagebuch" erfahrt ihr dann mehr über ihr Leben und ihre persönlichen Gedanken.
Also schaut euch einfach mal um. Ich wünsche euch dabei viel Spaß.

Eure Easy.


News

nach oben
[/HTML]

[CODE]* {
margin:0px;
padding:0px;
}
a {
color:#8ff806;
text-decoration:none;
}

body {
background-color:#004d8d;
color:#2de90a;
padding:0px;
padding-left:0px;
margin:0px;
}
hr {
color:#2de90a;
}
h1 {
text-align:center;
}
#content {
margin-left:20px;
margin-top:50px;
left:0px;
top:0px;
}
.navigation {
width:195px;
height:500px;
left:20px;
position:absolute;
float:left;
}
p {
font-size:15px;
text-align:center;
}
.pictext {
text-align:left;
}
.textfeld {
margin-left:230px;
margin-right:400px;
width:60%;
}
[/CODE]

bye easy