Ti ringrazio ma ho risolto il problema e nella mia risposta precedente ho scritto il modo con cui ho risolto.
Praticamente IE7 ha ancora un altro modo di interpretare gli input e perciò aggiungendo nella pagina il codice che ho scritto prima in rosso FUNGE.
Grazie
D
danigy
@danigy
0
Reputazione
6
Post
0
Visite al profilo
0
Da chi è seguito
0
Chi segue
User Newbie
Post creati da danigy
-
RE: visualizzazione diversa input text IE e MOZILLApostato in Coding
-
RE: visualizzazione diversa input text IE e MOZILLApostato in Coding
Questa non la sapevo, pare che IE7 legga i css ancora in modo diverso.
Infatti con !important avevo risolto il problema ma solo su IE6.
Ecco come ci si deve comportare:<style>
BODY { PADDING:0;MARGIN:0;}input.prova {
margin-top: 0px !important;
margin-top: -1px;
margin-bottom: 0px !important;
margin-bottom: -1px;
border:1px solid #000000;height:20px;
}
</style><!--[if IE 7]>
<style>
input.prova
{
margin-top: -1px !important;
margin-bottom: -1px !important;
border:1px solid;height:20px;
}
</style>
<![endif]--></HEAD>
<BODY>
<div style="margin:0;">
<INPUT type="text" name="utente" value="Utente" class="prova"><br>
<INPUT type="text" name="password" value="Password" class="prova"></div>
</BODY> -
RE: visualizzazione diversa input text IE e MOZILLApostato in Coding
Niente da fare!!!! Ho scoperto che in IE si mantiene SEMPRE uno spazio sopra e uno sotto come se ci fosse un MARGIN-TOP:1px e MARGIN-BOTTOM:1px
Non posso neppure dirgli MARGIN:-1px 0; perché se no su MOZILLA sale!<div style="margin:0;">
<INPUT type="text" name="utente" value="Utente" style="border:1px solid #000000;margin-top:0;margin-bottom:0;height:20px;"><br>
<INPUT type="text" name="password" value="Password" style="border:1px solid;margin-top:0;margin-bottom:0;height:20px;"></div>Se qualcuno ha una risposta da darmi.......
-
RE: visualizzazione diversa input text IE e MOZILLApostato in Coding
No niente da fare, ho fatto tutte le possibili combinazioni!
<style>
HTML { PADDING:0;
MARGIN:0;}
BODY { PADDING:0;
MARGIN:0;}
.boxRegText {margin-left:10px; padding:0px;}
input.login { border:1px solid #6BBCDB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:150px;
height:14px;
margin-bottom:5px;
background-color:#FFFFFF;
color:#0C5D9E;
display:inline;}
form {margin:0px;
padding:0px;}
</style><BODY>
<form>
<div class="boxRegText">
<INPUT type="text" name="utente" value="Utente" class="login"><br>
<INPUT type="text" name="password" value="Password" class="login"><br>
<input name="entra" type="image" src="images/entra.gif" alt="entra" align="bottom"></div>
</form>
</BODY> -
RE: visualizzazione diversa input text IE e MOZILLApostato in Coding
Gli input type=text è come se avessero impostato un margin=1 in IE mentre in Mozilla no. Come posso levargli sto pixel?
Ho provato ad usare !important ma non lo considera! -
visualizzazione diversa input text IE e MOZILLApostato in Coding
Ciao ragazzi,
sto diventando pazza a capire perché in una semplice form con 2 input type text mi vengono messi spazi in automatico x IE come se ci fosse un margin=1 mentre con MOZILLA lo vedo bene.Questo è il form nell'HTML:
<form>
<div class="boxRegText">
<INPUT type="text" name="utente" value="Utente" class="login"><br>
<INPUT type="text" name="password" value="Password" class="login"><br>
<input name="entra" type="image" src="images/entra.gif" alt="entra" align="bottom"></div>
</form>E questi gli stili usati:
.boxRegText {margin-left:10px;}
input.login { border:1px solid #6BBCDB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:150px;
height:14px;
margin-top:0px !important;
margin-top:-1px;
margin-bottom:5px;
background-color:#FFFFFF;
color:#0C5D9E;}Riuscite a capirci qualcosa?