IE vs. Firefox - ?margin? Tabellenzellen Problem

Boerdy
hallo!

habe folgendes Problem:

Im Firefox funktioniert es:



http://web20.ole-webconcept.de/boerdy/ko...ung_firefox.jpg


im IE nicht:



http://web20.ole-webconcept.de/boerdy/in...stellung_ie.jpg



gearbeitet wird mit span tags... habe diese allerdings auch schon alle rausgenommen...
trotzdem trat der fehler auf...



hier der Teil von der css Datei:


.unterpunktmenu_link a:link {
font-family : Verdana,Arial,Helvetica,sans-serif;
font-size : 10px;
color: #000000;
text-decoration: none;
}

.unterpunktmenu_link a:visited {
font-family : Verdana,Arial,Helvetica,sans-serif;
font-size : 10px;
color: #000000;
text-decoration: none;
}

.unterpunktmenu_link a:active {
font-family : Verdana,Arial,Helvetica,sans-serif;
font-size : 10px;
color: #a00000;
text-decoration: none;
}

.unterpunktmenu_link a:hover {
font-family : Verdana,Arial,Helvetica,sans-serif;
font-size : 10px;
color: #0B7CDB;
text-decoration: none;
}







Wenn man den code ausgibt siehts folgendermaßen aus:



code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
 
<span class="hauptpunktmenu_link"><table cellpadding="0" cellspacing="0" border="0"><tr><td><b><a href ="?sprache=de&seiten_bezeichnung=&StammMenu=1">Feuerwehr</a></b></td><td>&nbsp;&nbsp;&nbsp;</td><td><a href ="?sprache=de&seiten_bezeichnung=&StammMenu=2">Rettungsdienst</a></td><td>&nbsp;&nbsp;&nbsp;</td><td><a href ="?sprache=de&seiten_bezeichnung=&StammMenu=3">Jugendfeuerwehr</a></td><td>&nbsp;&nbsp;&nbsp;</td><td><a href ="?sprache=de&seiten_bezeichnung=&StammMenu=4">Vorbeugung</a></td><td>&nbsp;&nbsp;&nbsp;</td><td><a href ="?sprache=de&seiten_bezeichnung=&StammMenu=5">Wasserspiele</a></td><td>&nbsp;&nbsp;&nbsp;</td><td><a href ="?sprache=de&seiten_bezeichnung=&StammMenu=56">Berichte</a></td><td>&nbsp;&nbsp;&nbsp;</td><td><a href ="?modul=suche&sprache=de&StammMenu=1">Suchen</a></td><td>&nbsp;&nbsp;&nbsp;</td><td><a href ="?modul=termine&sprache=de&StammMenu=1">Termine</a></td><td>&nbsp;&nbsp;&nbsp;</td></tr></table></span><span class="unterpunktmenu_link"><table cellpadding="0" cellspacing="0" border="0"><tr><td valign="top"><table cellpadding="0" cellspacing="0" border="1" height="80"><tr valign="top"><td><table border="1" cellpadding="2" cellspacing="0">
<tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_personal&StammMenu=1">&raquo;&nbsp;Personal</a>
</td></tr>
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_technik&StammMenu=1">&raquo;&nbsp;Technik</a>
</td></tr>
 
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_fahrzeuge&StammMenu=1">&raquo;&nbsp;Fahrzeuge</a>
</td></tr>
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_standorte&StammMenu=1">&raquo;&nbsp;Standorte</a>
</td></tr>
</td><tr><td><a href ="#">&raquo;&nbsp;Einsätze</a>
</td></tr>
</table></td><td>&nbsp;&nbsp;&nbsp;</td>
<td><table border="1" cellpadding="2" cellspacing="0">
<tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_ausbildung&StammMenu=1">&raquo;&nbsp;Ausbildung</a>
</td></tr>
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_wasserrettung&StammMenu=1">&raquo;&nbsp;Wasserrettung</a>
</td></tr>
 
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_fachberater&StammMenu=1">&raquo;&nbsp;Fachberater</a>
</td></tr>
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_sport&StammMenu=1">&raquo;&nbsp;FW-Sport</a>
</td></tr>
</td><tr><td><a href ="#">&nbsp;</a>
</td></tr>
</table></td><td>&nbsp;&nbsp;&nbsp;</td>
<td><table border="1" cellpadding="2" cellspacing="0">
<tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_gesetze_vo&StammMenu=1">&raquo;&nbsp;Gesetze/Vo</a>
</td></tr>
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_ehrenabteilung&StammMenu=1">&raquo;&nbsp;Ehrenabteilung</a>
</td></tr>
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=abc&StammMenu=1">&raquo;&nbsp;ABC</a>
 
</td></tr>
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_geschichte&StammMenu=1">&raquo;&nbsp;Geschichte</a>
</td></tr>
</td><tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_verein&StammMenu=1">&raquo;&nbsp;Verein</a>
</td></tr>
</table></td><td>&nbsp;&nbsp;&nbsp;</td>
<td><table border="1" cellpadding="2" cellspacing="0">
<tr><td><a href ="?sprache=de&seiten_bezeichnung=fw_sonstiges&StammMenu=1">&raquo;&nbsp;Sonstiges</a>
</td></tr>
</table></td><td>&nbsp;&nbsp;&nbsp;</td>
</tr></table></td></tr></table></span>
 





hoffe irgendjemand fällt spontan oder so dazu was ein...


Grüße Boerdy
Boerdy
in z.B. Zeile 21 steht ein "</td>" was da nicht hingehört...
das trat noch in mehreren zeilen auf.... diesen Fehler im Code habe ich bereits behoben... alllerdings bewirkte es nicht die gewünschte Lösung des Problems...







--------------------------------------geändert------------------------------------
hi! habe nun eine Lösung zur darstellung gefunden...
diese ist meiner meinung aber nach code pfusch...
habe nun jeder tabellenzelle (in der die einzelnen menüpunkte sind)
<div style="height:17px; overflow:hidden"> zugewiesen...

nun macht er im IE die zelle halt genau 17 px groß und schneidet den rest ab...

in beiden browsern sieht man nun das menü und das design wird nicht zerhakt....

nur im IE habe ich nun eine leichte verschiebung von ca 3px nach unten, da die zellen nach oben ja immernoch größer sind als gewollt....