Hvordan bli kvitt en Cell Padding Viser i Firefox, men ikke i IE

Hvordan bli kvitt en Cell Padding Viser i Firefox, men ikke i IE


Du kan bruke betinget utsagn for å skille ut en nettleser, slik at visse effekter er synlig - eller er ikke synlig - i enkelte nettlesere. For eksempel kan du fjerne padding fra tabellceller bare i Firefox, hvis du ønsker å bruke betinget utsagn. Disse uttalelsene oppdager leseren at de besøkende bruker og vise celle padding, eller andre Cascading Style Sheet egenskaper og verdier i henhold til dine instruksjoner. Dette kan være nyttig fordi Firefox og Internet Explorer bruker ulike standard padding verdier.

Bruksanvisning

1 Åpne ekstern CSS-fil, som har en forlengelse av CSS, eller HTML-fil som inneholder din CSS i et tekstredigeringsprogram som Notisblokk.

2 Legg en betinget blokk til CSS. Denne blokken vil inkludere nettleseren deteksjon og stat hva CSS egenskaper skal vises for cellene, som bruker velgeren "td". For letthet, kan du lime den til begynnelsen eller slutten, slik at det er lett å finne. Følgende er et grunnleggende eksempel på clearing celle padding for tabellceller i Internet Explorer.

[hvis IE] td {padding: 0;}

3 Legg inn et vanlig CSS for cellene i din stilark vanlig. Dette vil vises i Firefox og alle andre nettlesere. For eksempel, hvis du ønsker en enda 10 pixel padding på alle sider av en celle det ville være som følger:

td

{

padding: 10px;

}

4 Lagre HTML eller CSS-fil for at endringene skal tre i kraft.

Hint

  • Hvis du har mye av CSS som du ønsker å bruke for bare en nettleser, kan du opprette en egen CSS-fil og bruke betinget koder for å referere at filen hvis de besøkende bruker en bestemt nettleser. Det følgende er et eksempel på at du vil plassere mellom "<style>" tagger eller i eksterne stilark:
  • {# [Hvis Gecko] @import ( 'Firefox.css'); }
  • Eksempelet ser for eksternt stilark "Firefox.css" hvis nettleseren som brukes er Gecko-basert.