Linker Map
 

Hallo,
für den Schulunterricht müssen ich und mein Teamkollege Felix eine Website programmieren.
Allerdings benutzt unser Lehrer den "internet Explorer", der ja keine XHTML-Dateien öffnen kann (eben ein echtes Allroundtalent dieser tolle "Browser"^^).
Deshalb musste wir nun die Dateiendungen in "HTML" umändern.
Das Problem:
Firefox reagiert nun nicht mehr, wenn man auf die Linkermap klickt, die wir auf einer der Seiten benutzen.
Bei Internet Explorer funktionert dies aber.

Hier der Code für die Linkermap:

PS: Wir benutzen XHTML transitional, falls dies von Bedeutung sein sollte.

Schon einmal vielen Dank für die Antworten.

Das ist zu wenig Code. Wir brauchen alles oder am besten eine Online-Version.
Mit dem aktuellen Code kann ich es nicht mal unter euren Bedingungen testen.

Okay, online kann ich sie leider nicht anbieten, aber:
Und hier das CSS:

/*Navigation*/
a.homelink{
color: rgb(63%,0%,0%);
font-size: 20px;
font-weight: 500;
text-decoration: none;
}

a.homelink:hover{
color: rgb(38%,0%,0%);
text-decoration: none;
}

a.homelink:visited{
color: rgb(63%,0%,0%);
font-size: 20px;
font-weight: 500;
font-decoration: caps;
text-decoration: none;
}

a.nav_link{
color: rgb(63%,0%,0%);
font-size: 18px;
font-weight: 500;
text-decoration: none;
}

a.nav_link:hover{
color: rgb(38%,0%,0%);
text-decoration: none;
}

a.nav_link:visited{
color: rgb(63%,0%,0%);
font-size: 20px;
font-weight: 500;
font-decoration: caps;
text-decoration: none;
}

div.nav_link{
background-color: rgb(90%,38%,25%);
border: 2px solid rgb(100%,63%,50%);
height: 22px;
width: 686px;
position: relative;
left: 132px;
}

div.nav_link:hover{
background-color: rgb(90%,38%,25%);
border: 2px solid rgb(50%,0%,0%);
}

div.navigation{
background-color: rgb(100%,75%,63%);
border: 2px solid rgb(100%,63%,50%);
height: 22px;
width: 686px;
position: relative;
left: 132px;
}

div.navigation:hover{
height: 225px;
width: 686px;
}

div.navigation img#navigation{
display: none;
}

div.navigation:hover img#navigation{
display: block;
}

span.navigation{
color: rgb(75%,13%,0%);
font-size: 20px;
font-weight: 500;
}

div.player{
background-color: rgb(100%,75%,63%);
border: 2px solid rgb(100%,63%,50%);
height: 80px;
width: 686px;
position: relative;
left: 132px;
}

/*Dokument*/

a{
color: rgb(75%,13%,0%);
text-decoration: none;
}

a:hover{
color: rgb(25%,100%,0%);
text-decoration: underline;
}

a:visited{
color: rgb(50%,0%,0%);
}

body{
background: rgb(100%,100%,100%);
background-image: none;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
font-family: Verdana, Tahoma, serif;
font-size: 16.5px;
font-weight: 800;
letter-spacing: 0.1px;
}

dt{
font-size: 16px;
border-bottom: dotted 2px rgb(25%,0%,0%);
}

dd{
font-size: 15px;
margin-top: 5px;
margin-bottom: 8px;
}

div.firefox{
background-color: rgb(100%,75%,38%);
color: rgb(50%,0%,0%);
font-family: serif !Verdana !Tahoma;
font-weight: bold;
border: inset 3px rgb(100%,75%,38%);
padding:5px;
width: 400px;
}

div.Home{
background-image: url(../Grafiken/Home2.jpg);
height: 200px;
width: 300px;
}

div.Home:hover{
background-image: url(../Grafiken/Home_hover2.jpg);
}

div.pic{
position: relative;
bottom: 334px;
left: 250px;
}

div.text{
background-color: rgb(100%,75%,50%);
border: 10px solid rgb(100%,63%,50%);
-moz-opacity: 0.9;
filter:alpha(opacity=90);
margin-top: 50px;
margin-left: 100px;
padding: 25px;
width: 1000px;
}

div.text:hover{
-moz-opacity: 1;
}

div.uebersicht{
background-image: url(../Grafiken/Energiesparen_hover.jpg);
border: 3px solid rgb(100%,50%,50%);
margin: 50px;
height: 710px;
width: 849px;
-moz-opacity: 0.9;
filter:alpha(opacity=90);
}

div.uebersicht:hover{
background-image: url(../Grafiken/Energiesparen.jpg);
border: dashed rgb(100%,25%,25%);
height: 710px;
width: 849px;
}

div.WICHTIG{
background-color: rgb(100%,63%,13%);
border: solid 3px rgb(100%,13%,0%);
}

img{
border: solid 3px rgb(100%,25%,13%);
}

img.noborder{
border: none;
}

img#uebersicht{
height: 710px;
width: 849px;
-moz-opacity: 0;
filter: alpha(opacity=0);
}

ol{
list-style-type: decimal;
}

sup{
font-size: 10px;
}

strong{
font-family: Comic Sans MS, sans-serif;
font-size: 19px;
font-weight: 800;
}

strong sup{
font-size: 12.5px;
}
table.pics tr td{
text-align: center;
}

ul{
list-style-type: disc;
}

tr.Bildunterschriften td{
font-size: 13px;
}

.Bildunterschrift{
font-size: 13px;
}
.siteheading{
color: rgb(50%,0%,0%);
}

.subtitle{
color: rgb(25%,0%,0%);
}

#ERROR{
border: solid 5px red;
}

52 Fehler im HTML-Dokument, 15 in der CSS-Datei.

So macht es keinen Sinn, die Fehler müssen weg.

HTML: The W3C Markup Validation Service
CSS: The W3C CSS Validation Service

Das: versteht der IE nicht.
Ansonsten kann der natürlich XHTML Dokumente öffnen.

mach es so dann ist die Seite auch für IEs benutzbar.

im den Zeichensatz anzugeben mußt du dann natürlich ein Meta Tag setzen.

Aber zur Darstellung hat es ja schon gereicht.
Als die Datei noch die Endung "XHTML" aufwies, funktionierte die Linkermap in Firefox noch.
Und die XML Deklaration wird so auch von Eclipse vorgeschlagen.

Warum meint das W3C, dass es das Style-Attribut nicht gibt?

Der XML-Prolog schickt den IE trotzdem in den Quirks-Mode, was ihn noch "schlechter" macht. ;)
Da der Prolog nicht vorgeschrieben ist, nichts außer Nachteile bringt, lässt man ihn weg.

Also das mit dem alt-Attribut versteh ich ja noch, aber der Rest...
das hilft mir nicht so recht weiter.

Ein Folgefehler, da es das Element embed nicht gibt.

Aber um Flash etc. einzubinden benötigt man doch dieses Tag.

Google: "Flash valide einbinden"

Nein, braucht man nicht!

So gehts auch und ist valide: