Axel Richter: width in Firefox

Beitrag lesen

Hallo,

http://speedy.dnsprotect.com/~earthfor/calconeon/schule/index.php?id=0

<tr>
 <td height="25">
  <a href="index.php?id=0" class="nav_main_inaktiv">Home</a>
 </td>
</tr>

CSS:
a:link.nav_main_inaktiv, a:visited.nav_main_inaktiv {
 padding-right:16px; padding-left:6px; padding-top:4px; padding-bottom:4px; border:1px solid #C0C0D5; width:130px; }

a:hover.nav_main_inaktiv, a:active.nav_main_inaktiv, a:hover.nav_main_aktiv, a:active.nav_main_aktiv, a:link.nav_main_aktiv, a:visited.nav_main_aktiv {
 color:white; text-decoration:none; background-color:#666699; padding-right:16px; padding-left:6px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid black; border-right:1px solid black; border-top:1px solid #C0C0D5; border-left:1px solid #C0C0D5; width:130px; }

Das A-Element ist ein Inline-level-Element. Für diese Elemente ist width: nicht vorgesehen http://www.w3.org/TR/CSS21/visudet.html#propdef-width. Du kannst aber mit display:block http://www.w3.org/TR/CSS21/visuren.html#propdef-display die A-Elemente für CSS zu Block-level-Elementen machen.

viele Grüße

Axel