✔ IE trennt Tabelle, Firefox nicht

[Dude23]

Hallo!

Ich hab zwar nie Suchfunktion benutzt, konnte jedoch keinen Beitrag finden, der sich mit meinem eigentlichen Problem befasst.
Wie immer handelt es sich um das alte Problem "IE vs Firefox".
Um etwaigen Kritikpunkten vorzugreifen, muss ich sagen, dass meine HPs immer sehr altmodisch sind. Also vom Code her. Benutze eigentlich Sachen, die vor Jahren benutzt wurden. Aber nun zum Problem:

Meine Seite besteht aus einer Tabelle. Dabei ist in der obersten Spalte der Tabelle eine Grafik eingefügt, die sozusagen meine Navigationsleiste beinhaltet. Ich benutze also Koordinaten, um diese Texte innerhalb der Grafik als Links darzustellen. Das Problem ist: Lass ich die Befehle für die Koordinaten weg, wird es bei beiden Browsern ganz normal (bzw. so, wie ich es mir vorstelle) dargestellt. Setze ich die Link-Befehle allerdings rein, trennt der Internet Explorer die Tabelle. Obwohl border, spacing und padding auf 0 gesetzt sind. Firefox zeigt es hingegen so an, wie vorher.
Hier mal der Teil aus dem Quelltext:

<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=835>
<TR><TD VALIGN="TOP" COLSPAN=4 HEIGHT=124>
<img src="liga6.jpg" usemap="#Menue" border=0>
<map name="Menue">
<area shape="rect" coords="34,142,78,155" href="index.php"  alt="Hauptseite">
<area shape="rect" coords="95,142,149,155" href="idee.php"  alt="Idee">
<area shape="rect" coords="169,142,208,155" href="/phpBB2/index.php" target="blank"  alt="Forum">
<area shape="rect" coords="228,142,272,155" href="teams.php"  alt="Teams">
<area shape="rect" coords="290,142,357,155" href="spieltage.php"  alt="Spieltage">
<area shape="rect" coords="378,142,431,155" href="tabelle.php"  alt="Tabelle">
<area shape="rect" coords="452,142,511,155" href="kontakt.php"  alt="Kontakt">
<area shape="rect" coords="526,142,567,155" href="links1.php"  alt="Links">
</TD>
</TR>

Der Fehler, wenn es einen gibt , muss sich in diesem Teil des Scripts befinden. Vielleicht kann mir jemand weiterhelfen? Wäre sehr nett. Und vielen Dank im Vorraus.

MfG
Dude

 

[Gumbo]

Wozu soll die überflüssige Tabelle gut sein? Tabellen sind zur Auszeichnung von tabellarischen Daten gedacht.

Siehe dazu auch:

• „Warum Layout mit Tabellen dumm ist: Probleme definiert, Lösungen angeboten“

 

[Dude23]

Jetzt, wo du's sagst, fällt mir auf, dass sie wirklich keinen Zweck hat. Aber dass sie in Prinzip überflüssig ist, kann doch nicht der Grund des Fehlers sein, oder? ;-)

 

[Dude23]

Da kommt mir grade ne blöde Idee: Gibt es soetwas wie "</map>"? Ich mein, könnte ja sein

 

[Maik]

Da kommt mir grade ne blöde Idee: Gibt es soetwas wie "</map>"? Ich mein, könnte ja sein

Ja, das gibt es ;-]

 

[Dude23]

Nun, leider behebt das mein Problem nicht. Hat eventuell noch jemand ne Idee, woran es liegen kann?

 

[Maik]

Probier mal folgenden Source:

<table border="0" cellspacing="0" cellpadding="0" width="835">
<tr>
<td valign="top" colspan="4" height="124">
<map name="Menue">
<area shape="rect" coords="34,142,78,155" href="index.php"  alt="Hauptseite">
<area shape="rect" coords="95,142,149,155" href="idee.php"  alt="Idee">
<area shape="rect" coords="169,142,208,155" href="/phpBB2/index.php" target="blank"  alt="Forum">
<area shape="rect" coords="228,142,272,155" href="teams.php"  alt="Teams">
<area shape="rect" coords="290,142,357,155" href="spieltage.php"  alt="Spieltage">
<area shape="rect" coords="378,142,431,155" href="tabelle.php"  alt="Tabelle">
<area shape="rect" coords="452,142,511,155" href="kontakt.php"  alt="Kontakt">
<area shape="rect" coords="526,142,567,155" href="links1.php"  alt="Links">
</map>
<img src="logo.jpg" usemap="#Menue" border="0"></td>
</tr>
</table>

 

[Dude23]

Danke, aber hat leider nichts gebracht

Naja, wenns keine Lösung gibt, leb ich auch weiter. Is zum Glück ein privates Projekt, wo das Aussehen eh nicht sooo wichtig ist

 

[Gumbo]

Ich weiß zwar nicht, um welche Grafik es sich tatsächlich handelt, jedoch ist das Ganze auch ohne Imagemap zu realisieren:

<ul id="nav">
	<li class="nav-hauptseite"><a href="index.php"><span>Hauptseite</span></a></li>
	<li class="nav-idee"><a href="idee.php"><span>Idee</span></a></li>
	<li class="nav-forum"><a href="/phpBB2/" target="_blank"><span>Forum</span></a></li>
	<li class="nav-teams"><a href="teams.php"><span>Teams</span></a></li>
	<li class="nav-spieltage"><a href="spieltage"><span>Spieltage</span></a></li>
	<li class="nav-tabelle"><a href="tabelle.php"><span>Tabelle</span></a></li>
	<li class="nav-kontakt"><a href="kontakt.php"><span>Kontakt</span></a></li>
	<li class="nav-links"><a href="links1.php"><span>Links</span></a></li>
</ul>

#nav {
	list-style:		none;
	width:			835px;
	height:			124px;
	margin:			0;
	padding:		0;
	background:		url(liga6.jpg) no-repeat;
}
#nav li {
	float:			left;
}
#nav li a {
	display:		block;
	height:			48px;
}
#nav li a span {
	display:		none;
}
#nav li.nav-hauptseite a {
	width:			44px;
	margin-left:		34px;
}
#nav li.nav-idee a {
	width:			54px;
	margin-left:		19px;
}
#nav li.nav-forum a {
	width:			39px;
	margin-left:		20px;
}
#nav li.nav-teams a {
	width:			44px;
	margin-left:		20px;
}
#nav li.nav-spieltage a {
	width:			67px;
	margin-left:		18px;
}
#nav li.nav-tabelle a {
	width:			53px;
	margin-left:		21px;
}
#nav li.nav-kontakt a {
	width:			59px;
	margin-left:		21px;
}
#nav li.nav-links a {
	width:			41px;
	margin-left:		15px;
}

 

[Dude23]

Hm. Klappt (mit ein paar Änderungen) gut soweit. Ein weiteres mal ist mir bewiesen worden, dass ich sehr schlecht code...;-)
Aber was solls. Vielen Dank für die Hilfe. Findet man nicht oft (vor allem die Geduld ).