-
27-03-2012, 11:25 #1Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
stretch/minimaliseer site naar browser window
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!no votes
-
-
27-03-2012, 11:32 #2Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
Eerst dit in je CSS:
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.Code:html, body {width: 100%; height: 100%; margin: 0; padding: 0;} #wrapper { min-height: 100%; width: 80%; margin: 0 auto; }no votes
-
27-03-2012, 11:33 #3Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
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.no votes
-
27-03-2012, 11:45 #4Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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
no votes
-
27-03-2012, 18:09 #5Member
- Registered
- 22/06/10
- Location
- Muizen (Mechelen)
- Posts
- 286
- iTrader
- 4 (100%)
- Mentioned
- 0 Post(s)
Ik zou toch nog je website compatibel maken voor IE7 en hoger.
Browser Marktaandeel Belgiƫ - Oktober 2011 | Usability Vlaanderenno votes

