Archief - stretch/minimaliseer site naar browser window

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.
w

wotevajjjj

Legacy Member
Hallo,

Ik ben nog altijd bezig aan mijn eerste site voor een schoolproject.
Al mijn pagina's en foto's zijn al aangemaakt, maar nu wil ik graag de site zich laten aanpassen aan de grootte van het venster waarin hij getoond word.
Internet zegt me dat ik dat best doe door alles in een tabel te zetten, maar mijn site bestaat geheel uit div's. Ik heb dus alles in 1 achtergrond div genest, maar nu heb ik geen idee hoe ik de grootte van mijn afbeelding ook laat veranderen zoals je gewoon crtl -/+ zou doen.

Ik ben nog steeds een noob, dus aub geen te ingewikkelde uitleg.
Alvast bedankt!
-

-BVR-

Legacy Member
Eerst dit in je CSS:
Code: 
html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
#wrapper {
min-height: 100%;
width: 80%;
margin: 0 auto;
}

Die wrapper is het ID van je 'achtergrond div'. Nu zal de inhoud van je pagina altijd 80% van het window innemen en gecentreerd zijn.
Z

Zero Grav

Legacy Member
Doet ge dus niet best door de dingen in een tabel te zetten.

Ge hebt verschillende CSS-properties zoals min-width en max-width, waardoor de browser weet dat een element zich mag herschalen naargelang de browser groter of kleiner wordt. Ook hebt ge CSS Media Queries waarbij ge afhankelijk van onderandere de grootte van uw venster andere opmaak aan een element kunt geven. (Herschaal bijvoorbeeld Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials eens).

Simpeler, maar veel beperkter is het gebruik van procenten. Maar 'k zou toch eens die media queries bekijken, veel interessanter.

'k Zou zeggen, zoek eens op die termen die ik in het vet heb aangeduid, want de implementatie daarvan verschilt natuurlijk van design tot design en is vooral veel experimenteren met bepaalde properties. Maar 't is wel vrij simpel.

Support onder Internet Explorer voor die media queries zit er wel pas in sinds 9.0, dunno hoe belangrijk dat is in uw geval.
w

wotevajjjj

Legacy Member
Bedankt !
Een van de voorwaarden is dat de site op ie,safari,chrome en firefox werkt, er staat nergens iets over welke versie, dus geen probleem :)
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.
Terug
Bovenaan