1. #1

    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  

  2. #2

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    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.
    no votes  

  3. #3
    Zero Grav's Avatar
    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  

  4. #4

    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  

  5. #5

    Registered
    22/06/10
    Location
    Muizen (Mechelen)
    Posts
    286
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    Quote Originally Posted by wotevajjjj View Post
    This quote is hidden because you are ignoring this member. Show
    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
    Ik zou toch nog je website compatibel maken voor IE7 en hoger.

    Browser Marktaandeel Belgiƫ - Oktober 2011 | Usability Vlaanderen
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in