Seite funktioniert im IE nicht...

Tobix · 20.09.2010

Hallo.

Ich habe folgendes Problem, undzwar funktioniert diese Seite:

Code:

<HTML>
    <HEAD>
    </HEAD>
    <BODY BGCOLOR="BLACK">

<div style="position:absolute; left:100px; top:0px">
    <img src="backgroundsmall.png" alt="">
</div>
<a href="innen.html"

onmouseover="austausch1.src='Anna da.png';"
onmouseout="austausch1.src='mouseover.png';">

<div style="position:absolute; left:100px; top:285px">
<img src="mouseover.png" border="0" width="576" height="335" name="austausch1">
</div>

<a href="innen.html"

onmouseover="austausch1.src='Beide da.png';"
onmouseout="austausch1.src='mouseover.png';">

<div style="position:absolute; left:100px; top:525px">
<img src="mouseover.png" border="0" width="576" height="150" name="austausch2">
</div>
</a>
</a>
<div style="position:absolute; left:100px; top:675px">
<img src="text.png" border="0" width="576" height="100">
</div>
    </BODY>
</HTML>

Im Internet Explorer nicht.
Wenn man "Geblockte Inhalte" (Mouseover vermutlich) zulässt, funktioniert der Mouseover Effekt, aber den Link kann man nur mit "Rechtsklick > Link öffnen" öffnen.

Könnt ihr mir sagen wo das Problem liegt?

(Sind Zensiert die Bilder, weil die nicht von mir sind, bitte um Verständnis)

MyBad · 20.09.2010

AW: Seite funktioniert im IE nicht...

1: DIVs haben in einem a-Tag nichts verloren
2: Du öffnest einen a-Tag, darin öffnest du einen zweiten a-Tag

Schau dir am Besten deinen Quelltext noch einmal genau an.

DSKAMP · 21.09.2010

AW: Seite funktioniert im IE nicht...

Ich würde mir auch einmal das Thema Doktype-Switch ansehen. Das Hilft bei der Browser-Kompatiblen programmierung...

DOCTYPE-Switch und seine Auswirkungen

Grüße
Danny

Tobix · 22.09.2010

AW: Seite funktioniert im IE nicht...

Danke MyBad!

Hab die DIVs aus den a Tags rausgenommen und alles funktioniert! Sauber!

gosiggi · 26.09.2010

AW: Seite funktioniert im IE nicht...

und dann würde ich dir empfehlen deine Navigation rein mit Css zu gestalten.
Könnte zum Bespiel so aussehen.

im Html Code den Link definieren ala

HTML:

<a class="deinLink" href="deineSeite.html">Deine Seite</a>

und im Css:

Code:

.deinLink{
    display:block;
    padding:xxPX;
    width:xxxPX;
    height:xxxPX;
    background:transparent url('linkZumErstenBild.png') no-repeat top left;
}

und für den Mouseover Effekt.

Code:

.deinLink:hover{
    display:block;
    padding:xxPX;
    width:xxxPX;
    height:xxxPX;
    background:transparent url('linkZumZweitenBild.png') no-repeat top left;
}

Ansonsten gibt es dort noch einiges anderes zu beachten wie zum Beispiel:
drauf zu achten das alle tags auch immer ein close tag haben.
Navigationen sollte man am besten in Form einer Liste aufbaufen könnte so aussehen wenn man auf dein tauschendes Bild eingeht. Gute Navigationen bzw Menüs findet man auf der Seite von Stu Nicchols.

jackprince · 27.09.2010

AW: Seite funktioniert im IE nicht...

gosiggi schrieb:
... bzw Menüs findet man auf der Seite von Stu Nicchols.

Hat er recht ...

Und auch sehr gut, wenn auch nicht von Nichols ...

A List Apart: Issue 314

Für Menüs ist natürlich "css menus" ein sehr guter Anlaufpunkt.