Hvordan lage CSS Positioning den samme i Firefox og Chrome

Firefox og Chrome sette CSS på forskjellige måter; leserens uoverensstemmelser er vanlig når man jobber med CSS og HTML, som hver applikasjon har ulike metoder for formatering kode. Noen nettlesere også bruke proprietær kode som ikke støttes i andre nettlesere. Tilbakestill stilark har blitt vanlig i webdesign verden, som koden som mål å utjevne posisjonering og andre attributter på tvers av nettlesere. Du kan legge til pre-laget reset stilark til Web-dokumenter for å redusere formatering uoverensstemmelser i Firefox, Chrome og andre nettlesere.

Bruksanvisning

1 Åpne HTML-dokumentet, og deretter sette inn følgende kode i mellom "<head>" og "</ head>" koder:

<Link rel = "stylesheet" type = "text / css" href = "http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css&quot;>

2 Lagre dokumentet for å gjøre CSS posisjonering samme i Firefox og Chrome.

3 Last opp HTML-dokumentet filen til din webserver; når du oppdaterer siden, bør posisjonerings avvik ikke lenger være til stede.

4 Åpne en nettleser og gå til "CSS Verktøy" på Meyerweb.com.

5 Marker alle CSS-koden finnes på "Reset CSS" side. Trykk "Ctrl + C" for å kopiere teksten.

6 Åpne en teksteditor, og trykk "Ctrl + V" for å lime inn CSS-koden. Lagre filen som "reset.css."

7 Last opp "reset.css" til din webserver. Åpne HTML-dokumentet, og deretter legge til følgende kode i mellom "<head>" og "</ head>" koder:

<Link rel = "stylesheet" type = "text / css" href = "http: // & lt; min website.com> / <my style sheet mappe> /reset.css">

Erstatt "<min website.com>" med domenenavnet hvor websiden er vert. Erstatt "<my style sheet mappe>" med navnet på mappen som inneholder andre stilark, hvis det er aktuelt.