Nel mio sito web ci sono molti pulsanti. Durante la visualizzazione in Chrome, la larghezza del pulsante si adatta solo al testo del pulsante dinamico, ma in IE, posso vedere il padding extra prodotto sia a sinistra che a destra ...Rimuovi imbottitura extra nel pulsante IE
Ci sarebbe una regola CSS che può permettermi di togli queste imbottiture? Grazie.
È possibile utilizzare reset css in quanto evita incoerenze del browser.
Fare riferimento http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/
Visita http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/ per reset.css
Potrebbe essere un po 'tardi, ma quando ho cercato SO per lo stesso problema oggi ho trovato this question. Ovviamente, questo non è un vero riempimento (nel senso che non può essere disattivato da padding:0px), ma piuttosto una di quelle strane stranezze che tutti noi amiamo così tanto su IE. (Nota come il padding falso scala con la lunghezza del testo del pulsante O_o). Fortunatamente, esiste una soluzione semplice, come descritto in here.
Fondamentalmente si aggiunge overflow:visible; al pulsante (non ho bisogno del width:auto; aggiuntivo come descritto qui). Non chiedere - non è assolutamente quello che avresti pensato che dovrebbe fare, ma beh ... È IE Land e le regole sono diverse laggiù. Basta notare che questo a quanto pare non funziona quando i pulsanti sono all'interno di una cella di tabella.
Suppongo che il ripristino del CSS possa averlo risolto, perché qualcuno lo ha già incluso in alcune dichiarazioni globali. Semplicemente aggiungendo questa risposta per far luce su come e perché.
Non arrenderti mai, le persone - i nostri bambini vedranno un mondo senza le stranezze di IE ... Si può sperare.
Oh buon Dio, questa è una soluzione ridicola ma funziona. – jlarson
Grazie questo ha fatto il trucco! – ClearCloud8
Questo ha funzionato anche per me. Imbottitura "fantasma". Grazie ai programmatori di IE8, ci sono altre ore della mia vita che hai sprecato. –
Gestito per evitare spaziatura aggiuntiva in IE con visualizzazione di istruzioni extra: blocco; nei CSS in questo modo:
.menu button{
display:block;
width:100%;
padding:0;
}
Si noti che non ho usato width: auto in quanto non era un'opzione nel mio caso - i pulsanti sono vuote, la larghezza è preso da div genitore.
Quale versione di IE stai usando e in che modalità stai eseguendo ?; per esempio. '' – Rich
I problemi di rendering di Internet Explorer sono quasi oscuri. Ti suggerisco di aggiungere un esempio dal vivo e dare maggiori informazioni su quale sapore di Internet Explorer rende il problema. Dovresti essere in grado di vedere cosa sta succedendo usando Internet Explorer Inspector, non è così avanzato come quello dei moderni browser come Chrome, ma ti darà un'idea di cosa sta succedendo. – MarioRicalde