Come sbarazzarsi di una rappresentazione cellulare Imbottitura in Firefox, ma non in IE

July 28

Come sbarazzarsi di una rappresentazione cellulare Imbottitura in Firefox, ma non in IE


È possibile utilizzare istruzioni condizionali per individuare un browser in modo che certi effetti sono visibili - o non sono visibili - in alcuni browser. Ad esempio, è possibile rimuovere le imbottiture da celle di tabelle solo in Firefox, se lo desiderano utilizzare istruzioni condizionali. Queste dichiarazioni di rilevare il browser che il visitatore sta usando e imbottitura cella di visualizzazione, o altre proprietà foglio di stile CSS e valori secondo le vostre istruzioni. Questo può essere utile perché Firefox e Internet Explorer utilizzano diversi valori di padding di default.

istruzione

1 Aprire il file CSS esterno, che ha un'estensione di .CSS, o il file HTML che include il CSS in un editor di testo come Blocco note.

2 Aggiungere un blocco condizionale al vostro CSS. Questo blocco comprende il rilevamento del browser e lo stato quali proprietà CSS dovrebbero apparire per le vostre cellule, che utilizzano il selettore "td". Per comodità, è possibile incollarlo all'inizio o alla fine in modo che sia facile da trovare. Quanto segue è un esempio di base di compensazione imbottitura cella per le celle della tabella in Internet Explorer.

[if IE] td {padding: 0;}

3 Aggiungi il tuo regolare CSS per le cellule nel vostro foglio di stile al solito. Questo apparirà in Firefox e tutti gli altri browser. Ad esempio, se si desidera un ancora 10 padding pixel su tutti i lati di una cellula sarebbe come segue:

TD

{

padding: 10px;

}

4 Salvare il file HTML o CSS per le modifiche abbiano effetto.

Consigli e avvertenze

  • Se si dispone di un sacco di CSS che si desidera utilizzare per un solo browser, è possibile creare un file CSS separato e utilizzare i tag condizionali per fare riferimento a quel file se il visitatore sta usando un browser specifico. Il seguente è un esempio che si collocherebbe tra "<style>" tag o nel vostro foglio di stile esterno:
  • {# [Se Gecko] @import ( 'Firefox.css'); }
  • L'esempio cerca il foglio di stile esterno "Firefox.css" se il browser utilizzato è basato su Gecko.