Matthias: CSS + XHTML <a> auf volle Breite setzen

Hallo,

ich hab ne kleine Frage:

Folgende CSS-Anweisung habe ich meinen Menü-Einträgen gegeben

<div mit 300px width>
<a class="menu" href="blubber.htm">Blubber</a>
</div>

.menu:link { width:100%; font-size:18px; border-top:0px dotted #ffffff; border-bottom:1px dotted #ffffff; padding-left:5%; padding-right:10%; line-height:28px; margin-top:5px; text-decoration:none; color:#ffffff; background-image:url(../grafik/e6681d_50p.png); background-repeat:repeat; }

Mit HTML 4 - transitional nimmt der a-Tag die ganze 300px breite ein und blendet einen farbigen Balken ein.

mit XHTML 1.0 Strict nimmt der a-Tag nur die Breite des Worts + padding ein, ich möchte aber, das er wieder die vollen 300px Breite einnimmt, aber width:xxxpx nimmt er nicht an.

Hat jemand eine Idee, wie man das lösen kann?

Grüße, Matthias

  1. hi,

    mit XHTML 1.0 Strict nimmt der a-Tag nur die Breite des Worts + padding ein, ich möchte aber, das er wieder die vollen 300px Breite einnimmt, aber width:xxxpx nimmt er nicht an.

    Natürlich, als inline-Element muss für ihn width ja wirkungslos bleiben.

    display:block schafft Abhilfe.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo,

      danke, das wars.
      Ich glaub ich muss mein CSS nochmal auffrischen..

      Grüße, Matthias