input piu lungo in IE7

[Scellino02]

Salve a tutti, ho un problema con un campo input text che in firefox3 si vede correttamente, mente in IE7 mi si vede di 2px piu lungo... vi posto il css:

font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
float:left;
background-color:#FFF;
color:#999;
border:#aea490 1px solid;
margin-bottom:7px;
width:181px;
height:17px;
line-height:17px;
font-size:11px;

Mi sapete consigliare una soluzione? come posso modificare il css per farlo vedere allo stesso modo sia in FF che in IE?

Grazie

[lila89]

soluzione 1) prova a mettere anche

margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:0px;

soluzione 2) usa i commenti condizionali che riescono a capire che browser sta utilizzando l'utente..


soluzoine 3)

Se con FF si vede giusto, anche con IE7 si vede giusto, e quindi è solo IE6 che ti da problemi, per risolvere basta che usi la clausola !important, che viene riconosciuta solo da FF e browser simili ma non da IE6, per cui se las differenza è di 2 px in più basta che metti:

font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
float:left;
background-color:#FFF;
color:#999;
border:#aea490 1px solid;
margin-bottom:7px;
width:181px !important;
width:179px;
height:17px;
line-height:17px;
font-size:11px;

[Scellino02]

Mitico!
Provo subito!

Grazie!

[Scellino02]

Ho appena controllato! Era il padding maledetto a far casini...

Grazie ancora per la dritta!

Ciao

[lila89]

di nulla figurati

[Scellino02]

Scusa, ma se voglio inserire un padding-left:8px; senza alterare la larghezza come posso fare? Avevo pensato ad un commento condizionale, ma non li ho mai usati, posso inserirne uno all'interno del mio file .css?

[lila89]

se metti padding-left:8px; ricordati sempre di mettere anche gli altri, per cui padding-bottom:0px; padding-top:0px; padding-right:0px;

per i commenti condizionali, devi creare 2 fogli css, e mettere il commento nella pagina html; praticamente la pagina html appena aperta riconosce il tipo di browser utilizzato e apre il file css di conseguenza...

http://www.mrwebmaster.it/css/artico...stile_812.html

anche in qst forum sono stati trattati,dovrebbe essere una cosa del genere..

<!--[if IE]>
Stai utilizzando Internet Explorer

<![endif]–>
<!–[if IE 5]>
Stai utilizzando Internet Explorer 5

<![endif]–>
<!–[if IE 5.0]>
Stai utilizzando Internet Explorer 5.0

<![endif]–>
<!–[if IE 5.5]>
Stai utilizzando Internet Explorer 5.5

<![endif]–>
<!–[if IE 6]>
Stai utilizzando Internet Explorer 6

<![endif]–>
<!–[if IE 7]>
Stai utilizzando Internet Explorer 7

<![endif]–>
<!–[if gte IE 5]>
Stai utilizzando Internet Explorer, versione 5 o superiore

<![endif]–>
<!–[if lt IE 6]>
Stai utilizzando Internet Explorer, versione inferiore alla 6

<![endif]–>
<!–[if lte IE 5.5]>
Stai utilizzando Internet Explorer, versione inferiore o uguale alla 5.5

<![endif]–>
<!–[if gt IE 6]>
Stai utilizzando Internet Explorer, versione superiore alla 6

<![endif]–>
</p>

altrimenti su google....
http://www.webmasterpoint.org/webdes...ionali-css.asp

[Scellino02]

Ma quindi i commenti commenti condizionali sono da usare all'interno della pagina html, non all'interno del .css?
Non c'è un modo per usarli senza creare due file css?

[lila89]

se usi i commenti condiczionali, se hai visto ci sono entrabi gli esempi... devi per forza avere 2 css uno per ogni browser... nel senso che metti il tuo colegamento al css.css, se invece il browser è ie6 allora ti aggancerai a ie6.css



cmq se ottimizzi il codice FF e IE7 dovrebbero essere uguali e quindi anche safari e opera.... l'unico a darti problema sarà IE6 in quel caso potresti usare la clausola !important ..

[Scellino02]

Si, in effetti FF e IE7 sono abbastanza simili, non sto avendo particolari difficoltà... l'unico problema è su questo campo di cui vi parlavo...

Ho bisogno di inserire un padding-left:8px; ma non riesco ad avere la stessa larghezza dell'nput text sia in FF3 che in IE7, ho anche provato ad inserire padding right, top e bottom a 0px, ma il problema resta!

Mi date qualche consiglio?
Non vorrei fare 2 file css solo per risolvere questo problema...

Cmq grazie per le risposte che mi avete dato fino ad ora!