Weergegeven resultaten: 1 t/m 5 van 5
  1. #1
    PC-Freak  
    Geregistreerd
    10 December 2006
    Locatie
    Earth.
    Berichten
    1.029
    Bedankjes
    273
    Bedankt
    587 keer in 395 posts

    Background Image - Browser Scaling

    Hallo !

    Zit even met een klein vraagje. De background van mijn website wil ik laten meescalen met de browser. Dus als je je venster kleiner sleept, verkleint de background ook.
    Werkt allemaal mooi, met deze code:

    Code:
    body {
      background: #000 url(myBackground_1280x960.jpg) » 
    center center fixed no-repeat;
      -moz-background-size: cover;
      background-size: cover;
    }
    Dit als resultaat: www.appelz.net < Scale je browser maar eens =P

    Alleen als je nu heel klein gaat, maar 'Heigher' dan komt de background dus verschillende keren onder elkaar. Als je 'wither' () gaat, dan wordt de image wel mooi vergroot. Weet iemand hoe ik kan regelen dat hij ook naar onder toe gewoon vergroot ?
    https://twitter.com/Fck___

  2. De volgende gebruiker bedankt Fck_ voor deze nuttige post:

    ultddave ( 9 March 2011)

  3. #2
    mam@minatica   compuchrisje's schermafbeelding
    Geregistreerd
    10 May 2005
    Locatie
    Waasland
    Berichten
    18.822
    Bedankjes
    15.634
    Bedankt
    36.995 keer in 15.331 posts
    Hier (Firefox) gebeurt niks. Afbeelding vult de browser en verroert geen vin.

    Helpers altijd welkom! Contacteer één van onze admins voor meer info.

  4. De volgende gebruiker bedankt compuchrisje voor deze nuttige post:

    ultddave ( 9 March 2011)

  5. #3
    PC-Freak  
    Geregistreerd
    10 December 2006
    Locatie
    Earth.
    Berichten
    1.029
    Bedankjes
    273
    Bedankt
    587 keer in 395 posts
    Maar dat is de bedoeling hé, denk ik =P.

    Ik bedoel, als je je browser verkleint, dan verkleint de achtergrond ook. Dus op een kleinere browser (bijvoorbeeld kleinere resolutie ofzo), gaat de achtergrond mee verkleint worden zodat je niet bijvoorbeeld alleen het linkerbovenstuk van de afbeelding heel groot ziet.

    Dat doet het toch hé? Bij mij toch .. in Firefox en Safari.
    https://twitter.com/Fck___

  6. De volgende gebruiker bedankt Fck_ voor deze nuttige post:

    ultddave ( 9 March 2011)

  7. #4
    Administrator   ultddave's schermafbeelding
    Geregistreerd
    24 June 2006
    Locatie
    Genk
    Berichten
    1.527
    Bedankjes
    5.385
    Bedankt
    2.577 keer in 1.271 posts
    Werkt bij mij in IE9 alleszins. Ook als ge die smal maar hoog maakt, of breed en laag maakt, dan blijft die maar 1 afbeelding gebruiken in IE9.

    In firefox heb ik dat probleem wel, dat hij de afbeelding repeat.
    Opzich vreemd met "no-repeat" op.

    Maar ik heb het zelf nooit gebruikt, wist zelfs niet dat dit ging eigenlijk ^^. Dus kan je niet direct helpen dermee ;(.

    Zou de volgorde mss verschil uitmaken:
    background: #000 url(myBackground_1280x960.jpg) »
    center center fixed;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    Mvg,
    Dave
    Laatst gewijzigd door ultddave; 9 March 2011 om 16:49
    "Friendship. It's the hardest thing in the world to explain. It's not something you learn in school. But if you haven't learned the meaning of friendship, you really haven't learned anything." ~ Muhammad Ali

  8. De volgende gebruiker bedankt ultddave voor deze nuttige post:

    Fck_ (10 March 2011)

  9. #5
    PC-Freak  
    Geregistreerd
    10 December 2006
    Locatie
    Earth.
    Berichten
    1.029
    Bedankjes
    273
    Bedankt
    587 keer in 395 posts
    Zal straks een keertje proberen !

    Ik laat het weten!

    Merciii !
    https://twitter.com/Fck___

  10. De volgende gebruiker bedankt Fck_ voor deze nuttige post:

    ultddave (23 March 2011)

Discussie informatie

Users Browsing this Thread

Momenteel bekijken 1 gebruikers deze discussie. (0 leden en 1 gasten)

Soortgelijke discussies

  1. IE background flicker
    Door ultddave in forum Webdevelopment & Programming
    Reacties: 2
    Laatste bericht: 11 May 2009, 19:12
  2. animatie background forum
    Door frozenmermaid in forum Webdevelopment & Programming
    Reacties: 9
    Laatste bericht: 30 November 2008, 12:52
  3. background website
    Door kevain in forum Webdevelopment & Programming
    Reacties: 2
    Laatste bericht: 11 March 2008, 11:52
  4. Background image autosize ?
    Door teken in forum Webdevelopment & Programming
    Reacties: 4
    Laatste bericht: 29 July 2006, 16:14
  5. Dell's Background Question
    Door Dell in forum Office
    Reacties: 1
    Laatste bericht: 26 January 2006, 19:48

Favorieten/bladwijzers

Favorieten/bladwijzers

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •