De fleste sider i dag er lagt ud ved hjælp af lag (div), så problemet med at tilpasse webstedet til midten af browservinduet reduceres til opgaven med at centrere laget, der bestemmer bredden på det synlige område på siden. For at det skal placeres midt i vinduet, er det nødvendigt at indstille de relevante indstillinger for dets overordnede element eller for selve denne blok.
Er det nødvendigt
Grundlæggende kendskab til HTML- og CSS-sprog
Instruktioner
Trin 1
Placer det lag, du vil placere i midten af vinduet, mellem de åbne og lukke dele af center-tagget, hvis du bare vil gøre det ved hjælp af HTML-sproget (HyperText Markup Language - "hypertext markup language"). Vi antager, at forælderen til laget, der definerer sidekanterne, er selve siden. Den enkleste version af HTML-koden ved hjælp af center-koden i dette tilfælde kan se sådan ud:
Center side
side tekst
Trin 2
Hvis du vil bruge CSS (Cascading Style Sheets) til at centrere siden, skal du bruge automatisk størrelse af polstringen fra browservinduets kanter. Marginstørrelserne i CSS bestemmes af marginparameteren. Fjern de midterste tags fra den forrige prøve, og tilføj en marginalparameter på 0 auto til stilattributten for laget, der definerer sidebredden:
Center side
side tekst
Trin 3
Naturligvis kan stildefinitionen tages ud af typeattributten og placeres i en ekstern fil eller i dokumentets hoved (mellem tags og). I dette tilfælde vil den samme kode se sådan ud:
Center side
#pageFrame {
bredde: 700 px;
højde: 400px;
baggrund: # 0BB;
margen: 0 auto;
}
side tekst
