Fikseeritud laiusskeeme võib mõnele populaarsemale brauserile raske seada, kuid see on võimalik ainult mõne koodi rida abil.
Siin, kuidas
- Loo uus HTML-redigeerija veebisait CSS-i stiilitabeli abil.
- Looge div-element kui lehe põhielement, kus saate salvestada lehe kõik.
- Andke selle div-elemendile ID, mis on lehel unikaalne.
- Avage oma CSS-i stiili leht ja määra oma div-elemendi laius. div # main {width: 750px; }
- Lisage automaatseid marginaale oma divi keskpunktiks. div # main {width: 750px; margin-left: auto; paremale paremale: auto}
- Selle parandamiseks Netscape 4-le ja IE 4-6-le ( quirks-režiim ) lisage kehasse teksti-joondus. keha {text-align: center; }
- Kuid kogu tekst sees on tsentreeritud, nii et kohandage tekst uuesti oma #main div, lisades teksti-align: vasakule; seal. div # main {width: 750px; margin-left: auto; paremale paremale: auto; teksti-joondus: vasakule; }
- Salvestage oma leht ja oma stiilileht.
- Test mitmes veebibrauseris.
Vihje
See koondab kujundusboksi, kuid mitte selle sisu. Sisemine sisu keskendamiseks kasutage teksti-joondust.