td#id a.nav

[Kirtas]

Servus

Ich habe eine Navigation mittels ID erstellt:
Navigation:

<tr> <td id="navigation" ><a href="" class="nav" target="_self">Wir &uuml;ber uns</a></td>
<td class="td_nav_act" id="wir_ueber_uns">&nbsp;</td>
</tr>

Class:
td#navigation a.nav{
 height: 20px;
 width: 100%;
 font-size: 12px;
 color: #FFFFFF;
 font-style: normal;
 line-height: 20px;
 font-weight: normal;
 font-variant: normal;
 text-decoration: none;
 text-transform: none;
 background-color: #666666;
 padding-right: 15px;
 text-align: right;
 vertical-align: middle;
 }
td#navigation a.nav:hover{

height: 20px;
 width: 160px;
 font-size: 12px;
 color: #FFFFFF;
 font-style: normal;
 line-height: 20px;
 font-weight: normal;
 font-variant: normal;
 text-decoration: none;
 text-transform: none;
 background-color: #C60021;
 padding-right: 15px;
 text-align: right;
 vertical-align: middle;
 }

Nun die Navigation funktioniert im IE perfekt, jedoch nicht im Firefox....weiss jemand wo der Bug ist bsw. warum es so im FF nicht geht?

Gruss & Thx

Vorschau des Problems:
http://demo05.mhs.ch/

[Kann niemand helfen?]

Kann niemand helfen?

[Martin Hölter]

Kann niemand helfen?

Nicht wenn du nach 27 Minuten anfängst zu drängeln.

Gruß aus Iserlohn

Martin

[kirtas]

Hallo

Nun das mit der ID sollte eigentlich kein Problem sein:
siehe www.eggholz.ch
Jedoch ist die ID nicht zwingend und eigentlich nicht mein Problem:

Mein Problem ist dies:
Firefox:http://demo05.mhs.ch/firefox.gif
IE: http://demo05.mhs.ch/IE.gif

Beides ist die gleiche Navigation.
Wieso macht der Firefox nicht die Breite und die Höhe wie der IE?

Gruss und Dank

Oder habt ihr eine Idee wie ich das anders machen kann?
Ein td das beim hover des Linkes auch die Farbe ändert?

[Martin Hölter]

Hi!

Oder habt ihr eine Idee wie ich das anders machen kann?
Ein td das beim hover des Linkes auch die Farbe ändert?

Ja - nimm ne unsortierte Liste (OK, ne Tabelle funzt[tm] auch) und weise die Hintergrundfarben den Links zu. dann brauchst du keine JS-Verrenkungen machen, sondern kannst direkt :hover benutzen. Verpasse den a-Elementen per CSS ncoh ein display:block; dann füllen diese auch das komplette Listenelement (bzw. die Tabellenzelle) aus.

Gruß aus Iserlohn

Martin

[kirtas]

Hallo Martin

Danke aber das JS ist fix, das ermöglicht eine "einmalvorhandene" Navigation (mit includes realisiert).

Aber der Tipp mit dem display:block; war Gold wert...danke
somit hat sich mein Problem erüpprigt....

Herzlichen dank und Gruss

[Axel Richter]

Hallo,

Nun das mit der ID sollte eigentlich kein Problem sein:
siehe www.eggholz.ch

Wo gibt es dort IDs mehrfach im Dokument?

Jedoch ist die ID nicht zwingend und eigentlich nicht mein Problem:

Ja und doch ;-)) Sie ist nicht zwingen und sie _ist_ Dein Problem.

Wieso macht der Firefox nicht die Breite und die Höhe wie der IE?

Weil der ID-Selector nicht matcht, wenn die ID nicht eindeutig ist.

Oder habt ihr eine Idee wie ich das anders machen kann?
Ein td das beim hover des Linkes auch die Farbe ändert?

_Ein_ TD mit einer ID, _mehrere_ TDs mit Klassen?

viele Grüße

Axel

[Jonathan]

Ich sehe da mit dem Firefox kein Problem...
(außer Tabellenmissbrauch)

Was willst du erreichen?

[Axel Richter]

Hallo,

Vorschau des Problems:
http://demo05.mhs.ch/

Das TD-Element mit der ID="navigation" tritt dort mehrfach auf. Eine ID ist aber eine ID, also _eindeutig_ und darf in einem Dokument nur _einmal_ auftreten.

Bitte beachte auch http://validator.w3.org/check?uri=http%3A%2F%2Fdemo05.mhs.ch%2F.

viele Grüße

Axel