Probleme mit Tabellendarstellung mit IE und Firefox

[oe3vsfm4]

Hallo,

habe bei einer Homepage die Elemente einer Navigationsleiste mit Hilfe einer Tabelle positioniert. Hier die Adresse: www.musikverein-schoelbing.at
Mit Safari sieht die Navigation aus wie sie soll, bei Firefox und IE sind die Zellen der Tabelle allerdings ein paar Pixel voneinander entfernt, was zur Folge hat, dass es ziemlich sch**** aussieht.
Ausserdem scheint die externe CSS-Datei in IE und Firefox nicht verwendet zu werden (zumindest ist die Schriftart nicht korrekt).
Hat jemand eine Idee woran diese Probleme liegen könnten? Meinem bescheidenen HTML Wissen nach sollte das doch funktionieren...

mfg, tom

 

[Arioch]

Servus Tom!
Wieso hast du sowas eingebaut:

<td valign="top" class="register_right" style="border-style:solid;
border-bottom-width:1px; border-color:#999999;">
<!--DWLayoutEmptyCell-->&nbsp;</td>

Damit hast du schonmal eine Zelle, die einen Rahmen bekommt und gerade das willst du doch nicht, oder?...
Gruss,
Arioch

 

[oe3vsfm4]

hallo arioch,

danke für deine antwort.
der 1 pixel breite border unten (border-bottom-width:1px ist absicht, damit dieser "karteikarteneffekt" entsteht. alle anderen abstände sind unerwünscht, soweit ich weiß habe ich auch nirgends absichtlich welche eingebaut.
gibts sonst noch ideen?

mfg, tom

 

[Arioch]

edit:

Ausserdem scheint die externe CSS-Datei in IE und Firefox nicht verwendet zu werden (zumindest ist die Schriftart nicht korrekt).

Das liegt daran:

font-family:"Verdana, Arial, Helvetica, sans-serif";

Richtig wäre:

font-family:Verdana, Arial, Helvetica, sans-serif;

Gruss,
Arioch

 

[Arioch]

hallo arioch,

danke für deine antwort.
der 1 pixel breite border unten (border-bottom-width:1px ist absicht, damit dieser "karteikarteneffekt" entsteht. alle anderen abstände sind unerwünscht, soweit ich weiß habe ich auch nirgends absichtlich welche eingebaut.
gibts sonst noch ideen?

mfg, tom

Das meine ich nicht. Du hast eine leere Zelle zwischen jedem Menüpunkt.
Gruss,
Arioch

 

[oe3vsfm4]

Hallo, das mit der font-family funktioniert jetzt

<td valign="top" class="register_right" style="border-style:solid;
border-bottom-width:1px; border-color:#999999;">
<!--DWLayoutEmptyCell-->&nbsp;</td>

Diese leeren Zellen sind dazu da um die rechte bzw. linke Ecke der Karteikarten anzuzeigen (beim stylesheet habe ich bei der class "register_right" ein hintergrundbild festgelegt).
Habe das   testweise entfernt, aber das macht nicht viel Unterschied, außer dass beim Firefox diese Zellen dann gar nicht angezeigt werden.
Vielleicht wäre es besser ein <img> Tag zu nehmen, anstatt ein background-img für die Zelle.

Für weitere Hints wäre ich sehr dankbar!

mfg, tom

 

[Arioch]

Diese leeren Zellen sind dazu da um die rechte bzw. linke Ecke der Karteikarten anzuzeigen

Völlig unnötig! Scheinbar bist du in CSS firm und von daher solltest du schon die passende Lösung parat haben .
Wenn du Grafiken benutzt, kannst du auch die Tabellen ohne weiteres weglassen!
CSS-Entdecke die Möglichkeiten .
Gruss,
Arioch

 

[oe3vsfm4]

hallo, bin leider noch ein CSS noob
eine gute loesung ohne tabellen, divs oder ner imagemap kann ich mir nicht vorstellen. aber du könntest mir ja einen tipp geben

mfg, tom