Frames simuleren met CSS IX: Opmaak met bovenbalk en kolom links

Een van de grote voordelen van frames is dat je delen van je website permanent in beeld kunt houden. Denk hierbij aan de titel en vooral de besturing. Als je steeds omhoog moet scrollen om bij de navigatie-knoppen te komen is dat lastig voor je bezoekers. Onhandige en/of verwarrende navigatie staat hoog in de top 15 van grootste ergernissen over websites. Frames zijn altijd een handig hulpmiddel geweest om dit te voorkomen.
Ontwikkelingen in de webstandaarden duiden er op dat frames gaan verdwijnen. Dat wil zeggen: ze komen niet meer voor in de standaarden. Vanwege de noodzakelijke achterwaartse compatibiliteit zullen websites met frames nog jarenlang kunnen worden bekeken.

Het is goed om naar alternatieven voor frames te kijken. Een mogelijkheid is om de frames te simuleren, dus 'net te doen alsof'. Met HTML en CSS is dat heel goed mogelijk.

Bovenbalk
K
o
l
o
m
 
Content
 
 
Op deze bladzijde wordt de frame-simulatie besproken van een veel gebruikte scherm-indeling voor websites, zie de illustratie hiernaast. De 'frameset' verdeelt het scherm in een bovenbalk, een smalle kolom aan de linkerkant en een content gedeelte.
 
Druk op de knop om het voorbeeld te bekijken en te downloaden.

Opmerkingen bij de code van het voorbeeld:

Tenslotte:
Van deze layout is ook een variant beschikbaar, waarbij de linker kolom doorloopt over de hele hoogte van het scherm.

 
terug

html-237; Laatste wijziging: 24 april 2020