Probleme mit Tabellendarstellung mit IE und Firefox

oe3vsfm4

Mitglied
Thread Starter
Mitglied seit
28.09.2003
Beiträge
293
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

Mitglied
Mitglied seit
15.11.2004
Beiträge
739
Servus Tom!
Wieso hast du sowas eingebaut:
HTML:
<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

Mitglied
Thread Starter
Mitglied seit
28.09.2003
Beiträge
293
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

Mitglied
Mitglied seit
15.11.2004
Beiträge
739
edit:
oe3vsfm4 schrieb:
Ausserdem scheint die externe CSS-Datei in IE und Firefox nicht verwendet zu werden (zumindest ist die Schriftart nicht korrekt).
Das liegt daran:
Code:
font-family:"Verdana, Arial, Helvetica, sans-serif";
Richtig wäre:
Code:
font-family:Verdana, Arial, Helvetica, sans-serif;
Gruss,
Arioch
 

Arioch

Mitglied
Mitglied seit
15.11.2004
Beiträge
739
oe3vsfm4 schrieb:
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

Mitglied
Thread Starter
Mitglied seit
28.09.2003
Beiträge
293
Hallo, das mit der font-family funktioniert jetzt :)

Code:
<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 &nbsp; 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

Mitglied
Mitglied seit
15.11.2004
Beiträge
739
oe3vsfm4 schrieb:
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

Mitglied
Thread Starter
Mitglied seit
28.09.2003
Beiträge
293
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