Simuleren van Frames
Ga meteen naar wat belangrijk is.
Frames gebruiken voor pagina's op het web is niet altijd logisch. Sterker nog, meestal heb je er meer nadeel van dan voordeel. Frames zijn handig om content in een benoemd frame te kunnen plaatsen, bijvoorbeeld vanuit een menu. Ook worden frames, benoemde frames, nogal eens gebruikt in javascript of in webtoepassingen.
Veelal echter gebruikt een webontwerper frames omdat hij of zij wil bereiken dat de kop van de pagina of het menu vast in de viewport blijft staan. Daar zijn frames helemaal niet voor nodig. Als dat het enige doel is, zijn de nadelen van frames te groot.
Nadelen zijn:
- Lastig om goed op te zetten, dat wil zeggen met een voldoende gebruikersvriendelijke no frames vervanger;
- Lastig voor bezoekers om de juiste pagina in de favorieten op te nemen (namelijk niet de frameset, maar de inhoudelijke pagina);
- Lastig voor zoekmachines zoals Google om de pagina's na de frameset goed geïndexeerd te krijgen, tenzij het no-frames gedeelte heel goed is opgezet;
- Lastig voor bezoekers, als ze een pagina hebben gevonden via een zoekmachine, om zonder menu (want de pagina wordt buiten de frameset getoond) de rest van je site te kunnen vinden.
Welnu, deze pagina kent de voordelen van frames, zonder de nadelen. De kop van de pagina en het menu blijven keurig op hun plaats staan in de viewport van de mainstream grafische browsers.
- Ten eerste moet je er voor willen kiezen je pagina's in Quirks mode te willen houden, om dit effect ook in Internet Explorer mogelijk te maken. Let daar op bij het aangeven van de doctype declaratie.
- Ten tweede moet je voor Internet Explorer een inimini
extra stijlblad maken, waarin je een aantal stijlen van het
hoofdstijlblad weer overruled, dat je oproept op de volgende manier:
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen,projection" href="foo.css">
<![endif]-->
Verder: ga je gang. Het is wederom heel eenvoudig. Kijk voor alle details maar in de markup van deze pagina en in het stijlblad voor deze pagina. Vergeet het extra stijlblad voor IE niet!
Het simuleren van frames is ook in een aantal andere voorbeelden toegepast, voor verdere bestudering:
- Alleen verticaal: Menu's met hovereffecten
- Alleen horizontaal: Tabellen
- Rondom: Verticaal Centreren Content
Een pagina geheel voor
Check ook even de Test directory. Daar bevinden zich verschillende test- en voorbeeldpagina's waarvan er sommige relevant kunnen zijn bij het onderwerp van deze pagina.
Als mijn site je werkelijk bevalt en ik heb je met mijn voorbeelden of testpagina's en de uitleg wat kunnen helpen, overweeg dan een kleine contributie, zodat ik de kosten en moeite in deze site kan blijven steken. Door een kleine bijdrage helpt u mij u te helpen, en anderen. Bezoekt u alstublieft mijn pagina over contributies en donaties. Dank u,