eumil: Firefox-Prob: Button lässt sich nicht drücken

Beitrag lesen

Hi,

Du hast etwas entsprechendes für input:active{} definiert?

Nein. Überhaupt muss ich mich bei dir entschuldigen: Das Problem ist behoben (Habe ein padding zuviel definiert). Na wie dem auch sei. Noch etwas das mich wahnsinnig macht:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head>  
<title>Button</title><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />  
<style type="text/css">  
html, body { background-color: #C6E8D3; }  
.button { background-color: #83CE9E;  
border-top: 1px solid white;  
border-right: 1px solid black;  
border-bottom: 1px solid black;  
border-left: 1px solid white;}  
</style>  
</head><body>  
<table border="0" cellspacing="0" cellpadding="0">  
<tr>  
 <td><input type="submit" name="submit" value="Abschicken" class="button" /></td>  
 <td valign="top" style="background-image:url(1.gif);"><img src="4.gif" alt="" width="4" height="4" /></td>  
</tr>  
<tr>  
 <td valign="top" style="background-image:url(2.gif);"><img src="3.gif" alt="" width="4" height="4" /></td>  
 <td valign="top"><img src="5.gif" alt="" width="4" height="4" /></td>  
</tr>  
</table>  
</body></html>

Ich versuche per Tabelle um einen Button einen Schatten aufzubauen (Technik ist ja allseits bekannt). Soweit so gut. Nur stellt Opera & Firefox das ganze Konstrukt nicht richtig (besser: anders) dar.

So solls sein (Ansicht IE):

So siehts im Opera & FF aus:

Laut W3C-Validator ist das Dokument valide.

So, entweder bin ich zu blöd um das Problem zu sehen, oder es ist tatsächlich ein Bug.

Danke euch!
eumil