tavolo Imbottitura con i CSS non funziona su IE

Question

Questo non funziona sul mio IE:

<table style="padding:5px">...</table> 

ma funziona su Opera.

C'è una soluzione?

Answer 1

Le specifiche CSS precedenti (che IE6 segue - e io uso la parola "segue" in senso lato) non sono chiare su ciò che imbottitura definita su un tavolo dovrebbe significa anche. IE6, naturalmente, ha deciso di interpretarlo diversamente da ogni altro browser, ignorando il padding. Altri browser hanno deciso di renderlo aggiungendo la spaziatura tra il bordo della tabella e le celle più esterne, senza influenzare la spaziatura all'interno delle celle o tra le celle interne. Quando è uscito IE7, le specifiche si sono chiarite per funzionare come gli altri browser, ma IE6 ha ancora il problema, in cui semplicemente ignora il padding.

La soluzione migliore è evitare di mettere il padding sul tavolo, ma invece circondarlo con un div e mettere il padding lì.

<div style="padding: 5px;"> 
    <table...> 
    </table> 
</div> 

Naturalmente, se quello che vuoi è la spaziatura delle cellule o imbottitura cella (in contrasto con appena imbottitura sul tavolo), allora si dovrebbe utilizzare il cellspacing o cellpadding attributi (anche se non si desidera che questi, hai almeno bisogno di cellspacing="0" per evitare un altro problema separato con il rendering della tabella IE6).

Inoltre, gli stili in linea qui sono a scopo dimostrativo; usare le classi CSS è generalmente considerato una pratica migliore.

Answer 2

Hai provato a utilizzare <table cellpadding="5">? IE ha problemi con alcuni stili CSS. Anche la tua sintassi è sbagliata, hai dimenticato un punto e virgola.

Answer 3

Mi azzarderei a indovinare qualcos'altro è sbagliato nel codice.

Imbottitura funziona bene in IE:

http://jsbin.com/ewuho4/

Answer 4

Se si desidera eseguire il pad delle celle, quindi utilizzare l'attribuzione del blocco di celle (cellpadding = "X") se si desidera eseguire il padd di una tabella, quindi è imbarazzante considerando la sua struttura, si consiglia di inserire un margine se si desidera dello spazio tra questo e il resto della roba. Padding non funziona su IE an anche se non sono un fan di IE non biasimo per quello