Ciao a tutti
di seguito il codice del mio form
<form method="post" action="login.php">
<div class="login">
<label class="labelLog">Login</label>
<input name="username" type="text" id="username" />
<label class="labelPass">Password</label>
<input name="password" type="password" id="password" />
<input type="image" class="ok" src="images/ok.jpg" value="ok"/>
</div>
</form>
e queste sono le classi del css
.login
{
display: inline;
clear:none;
float:left;
width:150px;
padding:9px;
}
.labelLog
{
float: right;
padding-right: 4px;
}
.labelPass
{
float: right;
padding-right: 4px;
padding-top: 5px;
}
.ok
{
float: right;
padding-right: 4px;
padding-top: 5px;
}
Ora il punto è che con mozilla si vede perfettamente, mentre con ie7 si vede disallineato e inoltre cosa molto strana l'input-text del login è piu grande di quello della pass nonstante io non abbia dato un size.
Qualcuno puo aiutarmi??
http://img379.imageshack.us/my.php?image=immaginefc1.jpg
di seguito il codice del mio form
<form method="post" action="login.php">
<div class="login">
<label class="labelLog">Login</label>
<input name="username" type="text" id="username" />
<label class="labelPass">Password</label>
<input name="password" type="password" id="password" />
<input type="image" class="ok" src="images/ok.jpg" value="ok"/>
</div>
</form>
e queste sono le classi del css
.login
{
display: inline;
clear:none;
float:left;
width:150px;
padding:9px;
}
.labelLog
{
float: right;
padding-right: 4px;
}
.labelPass
{
float: right;
padding-right: 4px;
padding-top: 5px;
}
.ok
{
float: right;
padding-right: 4px;
padding-top: 5px;
}
Ora il punto è che con mozilla si vede perfettamente, mentre con ie7 si vede disallineato e inoltre cosa molto strana l'input-text del login è piu grande di quello della pass nonstante io non abbia dato un size.
Qualcuno puo aiutarmi??
http://img379.imageshack.us/my.php?image=immaginefc1.jpg