Background changes in size depending on browser :(

  • akerblom

    (@akerblom)


    12 years, 9 months ago

    Hey,
    I have an annoying background problem with my site oysteropeningworldcup.com.

    My intension is to repeat a black and white background (divided) so that it makes a “skirt” on both sides of the webpage. The background should be in prefect line with the content colors but is not so if I change browser.

    Very thankful for any help!

    /A

Viewing 3 replies - 1 through 3 (of 3 total)
  • Paul Kaiser

    (@freakingid)

    12 years, 9 months ago

    Hi A,
    I feel your pain. Your most reliable solution will be to:
    a. wrap the top portion (your #header and #slider div blocks) in another div that has a black background.
    b. wrap the bottom portion (#featured, #sidebar, #content) in another div that has a white background.

    Good luck,
    Paul

    Thread Starter akerblom

    (@akerblom)

    12 years, 9 months ago

    Hi Paul,
    Thank you for your reply!

    I’m learning this step by step but havn’t gotten all the way yet. Could you perhaps direct me to some other posts with instructions on how to achieve this?

    No matter what, thanks for your help! 🙂

    Best,
    Akerblom

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 9 months ago

    Use the background-size property and set it to something static like pixels, e.g;

    background-size: 1000px 1000px;

    https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Background changes in size depending on browser :(’ is closed to new replies.