uli: problem mit doctype 4.0

Hi,

Ich hab für eine Site den Doctype von ehemals 3.2 auf 4.0 definiert und hab jetzt ein Problem:

Eine Tabellenzelle mit Text und farbigem Hintergrund.
Die Zelle stellt einen Linkbutton dar.

Die Zelle hat eine Klasse mit welcher ich den Text rechts ausrichte.

Für den Link habe ich Pseudoklassen definiert:

a.  {text-decoration:none; font-size:11px; font-weight:bold; width:167px; height:15px; padding-right:25px; margin:0; vertical-align:middle}
a:link   {color:#fff; background-color:#92a8d6}
a:visited  {color:#808080; background-color:#acbf91}
a:hover    {color:#fff; background-color:#81bf26; text-decoration:underline}
a:active   {color:#fff; background-color:#81bf26}

Bei doctype 3.2 geht der Background für den Link mit 167px korrekt über die ganze Zellenbreite.

Mit doctype 4.0 ist der per a: definierte Background linksbündig mit dem Text zuende.

Bei display:block zerschiesst es die Tabelle.

Könnt Ihr mir da bitte helfen?

Herzliche Grüße

uli

  1. Eine Tabellenzelle mit Text und farbigem Hintergrund.
    Die Zelle stellt einen Linkbutton dar.

    Schau dir mal auf http://css.maxdesign.com.au/index.htm listamatic 1 &2 an. Dort sind viele Beispiele wie du ohne Tabellen Menüs konstruierst.

    a.  {text-decoration:none; font-size:11px; font-weight:bold; width:167px; height:15px; padding-right:25px; margin:0; vertical-align:middle}

    Du meinst a{...}

    Da dies ein inline Element ist hat es keine Eigenschaft width oder height.

    Bei display:block zerschiesst es die Tabelle.

    Dann machst du irgend etwas falsch (falls du den IE meinst, dieser braucht noch width:100%, wenn es über die gesamte Tabelle gehen soll).

    Struppi.

    1. Du meinst a{...}

      Da dies ein inline Element ist hat es keine Eigenschaft width oder height.

      Hi,

      Danke erstmal.

      Da hast Du mir auch den "Fehler" genau eingekreist.
      Bei doctype 3.2 geht width und height!

      Gibts nicht eine Lösung (mit Tabellen) das genauso wie bei doctype 3.2 auch für 4.0 anzuzeigen?

      Tschüß

      uli

      1. Hi,

        Gibts nicht eine Lösung (mit Tabellen) das genauso wie bei doctype 3.2 auch für 4.0 anzuzeigen?

        Natürlich; einfach korrekte Angaben machen...;-)
        Übrigens: deklarierst Du tatsächlich 4.0?
        4.01 wäre dringend anzuraten.

        freundliche Grüße
        Ingo

        1. Hi,

          Gibts nicht eine Lösung (mit Tabellen) das genauso wie bei doctype 3.2 auch für 4.0 anzuzeigen?
          Natürlich; einfach korrekte Angaben machen...;-)
          Übrigens: deklarierst Du tatsächlich 4.0?
          4.01 wäre dringend anzuraten.

          freundliche Grüße
          Ingo

          Herzlichen Dank! - Aber hilft mir jetzt nicht wirklich!

          Gruß

          uli

      2. Gibts nicht eine Lösung (mit Tabellen) das genauso wie bei doctype 3.2 auch für 4.0 anzuzeigen?

        Wie gesagt die Tabelle ist i.d.R überflüssig.

        Ansonsten wenn dir soviel an der Tabelle liegt, display:block und width:100%;

        Struppi.

        1. Ich hab hier noch einen interessanten Link dazu gefunden:

          http://www.mediaevent.de/css/css_beispiele/display.html

          MfG

          uli