De fleste sider i dag er lagt ut med lag (div), så problemet med å tilpasse nettstedet til midten av nettleservinduet reduseres til oppgaven med å sentrere laget som bestemmer bredden på det synlige området på siden. For at den skal kunne plasseres midt i vinduet, er det nødvendig å angi passende innstillinger for det overordnede elementet, eller for selve denne blokken.
Det er nødvendig
Grunnleggende kunnskaper om HTML- og CSS-språk
Bruksanvisning
Trinn 1
Plasser laget som du vil plassere i midten av vinduet, mellom de åpne og lukkende delene av midtmerket, hvis du bare vil gjøre det ved hjelp av HTML-språket (HyperText Markup Language - "hypertext markup language"). Vi antar at overordnet til laget som definerer sidekantene, er selve siden til denne siden. Den enkleste versjonen av HTML-koden som bruker senterkoden, kan i dette tilfellet se slik ut:
Senterside
sidetekst
Steg 2
Hvis du vil bruke CSS (Cascading Style Sheets) til å midtjustere siden, bruker du automatisk dimensjonering av polstringen fra grensene til nettleservinduet. Marginstørrelsene i CSS bestemmes av marginparameteren. Fjern senterkodene fra forrige eksempel, og legg til en marginparameter på 0 auto til stilattributtet til laget som definerer sidebredden:
Senterside
sidetekst
Trinn 3
Selvfølgelig kan stildefinisjonen tas ut av stilattributtet og plasseres i en ekstern fil eller i hodet på dokumentet (mellom kodene og. I dette tilfellet vil den samme koden se slik ut:
Senterside
#pageFrame {
bredde: 700px;
høyde: 400px;
bakgrunn: # 0BB;
margin: 0 auto;
}
sidetekst
