Archief - position absolute vs relative en wat met float
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Xavez
Legacy Member
'tis eigenlijk ook zo moeilijk als het groot is. Even in het Nederlands: relative positioneert een element relatief ten opzichte van het ouder-element, absolute positioneert een element absoluut ten opzichte van de hele viewport.
Wat floats betreft is het eenvoudig: zet je je float right, dan wordt je element zwevend weergegeven op dezelfde hoogte als andere elementen binnen het ouder-element aan de meest rechtse kant. Zet je je float left, dan wordt je element zwevend weergegeven op dezelfde hoogte als andere elementen binnen het ouder-element aan de meest linkse kant.
Vergeet zeker niet om na je floats te clearen. Ouder-elementen nemen normaal gezien automatisch de hoogte in (inclusief marges) van je kinder-elementen (rare term in het Nederlands eigenlijk
). Als je kinder-elementen echter gefloat zijn, dan zullen de ouder-elementen dat niet doen. Het is het meest duidelijk als je gewoon eens een test-documentje maakt met een aantal divs in die je allemaal een andere achtergrondkleur meegeeft en een paragraafje tekst ofzo. Begin dan maar te floaten en check het resultaat .
Wat floats betreft is het eenvoudig: zet je je float right, dan wordt je element zwevend weergegeven op dezelfde hoogte als andere elementen binnen het ouder-element aan de meest rechtse kant. Zet je je float left, dan wordt je element zwevend weergegeven op dezelfde hoogte als andere elementen binnen het ouder-element aan de meest linkse kant.
Vergeet zeker niet om na je floats te clearen. Ouder-elementen nemen normaal gezien automatisch de hoogte in (inclusief marges) van je kinder-elementen (rare term in het Nederlands eigenlijk
). Als je kinder-elementen echter gefloat zijn, dan zullen de ouder-elementen dat niet doen. Het is het meest duidelijk als je gewoon eens een test-documentje maakt met een aantal divs in die je allemaal een andere achtergrondkleur meegeeft en een paragraafje tekst ofzo. Begin dan maar te floaten en check het resultaat .
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.