De meeste pagina's van tegenwoordig zijn ingedeeld met lagen (div), dus het probleem van het uitlijnen van de site met het midden van het browservenster wordt teruggebracht tot de taak om de laag te centreren die de breedte van het zichtbare gedeelte van de pagina bepaalt. Om het in het midden van het venster te plaatsen, moeten de juiste instellingen voor het bovenliggende element of voor dit blok zelf worden ingesteld.
Het is nodig
Basiskennis van HTML- en CSS-talen
instructies:
Stap 1
Plaats de laag die u wilt plaatsen in het midden van het venster, tussen de openings- en sluitingsdelen van de middelste tag, als u alleen de HTML-taal wilt gebruiken (HyperText Markup Language - "hypertext markup language"). We nemen aan dat de bovenliggende laag van de laag die de paginaranden definieert, de hoofdtekst van deze pagina is. De eenvoudigste versie van de HTML-code die in dit geval de middelste tag gebruikt, kan er als volgt uitzien:
Middenpagina
pagina tekst
Stap 2
Als u CSS (Cascading Style Sheets) wilt gebruiken om de pagina in het midden uit te lijnen, gebruik dan automatische grootte van de opvulling vanaf de randen van het browservenster. De marges in CSS worden bepaald door de margeparameter. Verwijder de middelste tags uit het vorige voorbeeld en voeg een margeparameter van 0 auto toe aan het stijlkenmerk van de laag die de paginabreedte definieert:
Middenpagina
pagina tekst
Stap 3
Natuurlijk kan de stijldefinitie uit het stijlattribuut worden gehaald en in een extern bestand of in de kop van het document (tussen de en tags) worden geplaatst. In dit geval ziet dezelfde code er als volgt uit:
Middenpagina
#pageFrame {
breedte: 700px;
hoogte: 400px;
achtergrond: # 0BB;
marge: 0 automatisch;
}
pagina tekst
