Positionering van elementen in een html document.
Bron: http://www.sceneone.nl/positionering/positie.php
Titel: HTML en CSS tutorials
Auteur: Wybe Weysters
In de titel van deze pagina vind je de uitdrukking "Positioning is
everything". Ik heb deze uitdrukking geleend van Big John en Holly
Bergevin. Zij hebben een
hele website gewijd aan het onderwerp positionering en alles wat daarmee
samenhangt.
Ik behandel in dit hoofdstuk over positionering de hoofdlijnen
en ik help je op weg. Wil je het naadje van de kous weten, ga dan eens rondkijken
op de website van John en Holly.
Het tabellen drama
Zoals ik op m'n website wel vaker heb gezegd (misschien wel tot vervelens
toe) is het structureren van een web pagina met behulp van tabellen volkomen
ten onrechte gemeengoed geworden. Je propt gewoon tabellen in tabellen in
tabellen net zolang totdat je al je elementen gepositioneerd hebt daar waar
je ze hebben wilt. En op de koop toe prop je het geheel ook nog eens in
een frameset om je site te centereren en klaar ben je.
Je hoeft mij er niets over te vertellen: been there, done that!
Tabellen zijn hier nooit voor bedoeld geweest en het is ook helemaal niet
nodig. Er is een prima alternatief.
De division oplossing
De oplossing heet de division ook wel bekend als het
divje, ook wel foutief bekend als 'de layer'. Die benaming 'layer'
gaan we dus meteen weer overboord zetten en vergeten.
Vanzelfsprekend worden de eigenschappen van een div beschreven in css.
Veel van het hoofdstuk over positionering gaat over de div, de eigenschappen van de div en wat je er allemaal mee kunt.