Käytä CSS keskustaa asiakirja, jossa on kiinteä leveysasettelu

Kiinteän leveyden asetteluja voi olla vaikea keskittää joidenkin suosittujen selainten kanssa, mutta se on mahdollista vain muutamalla rivillä.

Luo uusi HTML-editorissa oleva CSS-tyylitaulukko.
Luo div elementti sivun pääosaksi, jolle tallennat kaiken sivulle.
Anna kyseiselle div-elementille tunniste, joka on ainutlaatuinen sivulla.
Avaa CSS-tyylisivusi ja määritä div-elementin leveys. div # main {leveys: 750px; }
Lisää automaattisia marginaaleja keskittämällä divisi. div # main {leveys: 750px; marginaali-vasen: auto; marginaali-oikea: auto}
Voit korjata sen Netscape 4 ja IE 4 - 6 ( quirks-tila ) lisätä teksti-align kehon. body {text-align: center; }
Mutta sitten kaikki teksti sisältä on keskitetty, joten kohdista teksti uudelleen #main div: iin lisäämällä teksti-align: left; siellä. div # main {leveys: 750px; marginaali-vasen: auto; marginaali-oikea: auto; teksti-align: left; }
Tallenna sivu ja tyyliarkki.
Testaa useissa selaimissa.

Tämä keskittyy layout-ruutuun, mutta ei sisältöön. Sisäisen sisällön keskittämiseen on teksti-align.

Alike posts