Topic: CSS IE e Firefox

[lordspammy]

Ragazzi ho un problemone.
Ecco qui i dettagli:
Ho una tabella all'interno della quala ho messo un form e dentro un form un'altra tabella.
Il problema è che voglio personalizzare i campi di input con uno sfondo ma se imposto le dimensioni attraverso il CSS in firefox vengono rispettate e l'alineamento viene rispettato, cosa che in IE non succede. Esiste qualche "trucco" per far visionare il progetto uguale in entrambi i browsers?

Codice di esempio:

Codice: [Seleziona]

<table cellspacing="0" cellpadding="0" border="0" width="780" align="center" class="tabella">
    <tr>
        <td colspan="3"><img src="images/top.png" title="Vintage Car Tour"/></td>
    </tr>
    <tr>
<td colspan="3" style="background-image:url(images/bg_login.gif); background-repeat:repeat-x; height:31px;">
<form name="login" action="exec/login.php" method="post">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td><img src="images/uname_label.gif" title="User Name" /></td>
<td><input name="uname" type="text" class="uname"/></td>
</tr>
</table>
</form>
</td>
    </tr>
</table>

Ed ecco anche il mio CSS:

Codice: [Seleziona]

.uname{
background-image:url(images/uname_txt.gif);
background-repeat:no-repeat;
border:0px;
border-style: none;
width:108px;
height:30px;
}
Secondo voi è fattibile?

[Underpass]

Ciao, non ho capito una cosa:

e imposto le dimensioni attraverso il CSS in firefox vengono rispettate e l'alineamento viene rispettato, cosa che in IE non succede

mi sembrerebbe che il problema si verifichi su Internet Explorer e non su Firefox...

In ogni caso, ti suggerirei di rivolgerti ad un forum più orientato allo sviluppo web come html.it

[Gioxx]

Ho modificato il post originale includendo i tag "code"