Background Image CSS

  • Resolved marcusmillsproductions

    (@marcusmillsproductions)


    14 years, 9 months ago

    I am trying to help out with a website (http://www.chetekinteriors.com/wordpress) – the background image is what features the column – it is ran by the css settings in a theme I purchased.

    For some reason, when I edit the CSS settings for the background image display properties, it shows fine on my mac but on windows and smaller computers the background image placement is wrong.

    If I resize my browser window the image changes as well – are there any CSS styles that could help me fix this so that everything is universal on all browsers and computers?

    The website is chetekinteriors.com/wordpress – Attached is my CSS coding:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

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

    (@peredur)

    14 years, 9 months ago

    When you say the image placement is wrong on Windows, what browser are you using, and if it’s IE, what version of IE?

    Have you looked at it in FF on Windows?

    I checked in FF on Linux and it seems to be behaving correctly. That is the image is always 10% in from the left – which of course means that it goes behind the main image if the viewport is small enough.

    The only way you could stop that would be to give #main a min-width. With your current 10% offset, a min-width of 1400px would do it. Works for me in FF on Linux:

    #main {
  background: url("../images/idea_1.png") no-repeat scroll 10% 0 #FFFFFF !important;
  min-width: 1400px;
}

    Cheers

    PAE

    Thread Starter marcusmillsproductions

    (@marcusmillsproductions)

    14 years, 9 months ago

    Thank you so much PAE! It worked! I really appreciate your kindness and your spot-on feedback!

    peredur

    (@peredur)

    14 years, 9 months ago

    De nada.

    PAE

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

The topic ‘Background Image CSS’ is closed to new replies.