SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict ketting00's Avatar
    Join Date
    Jul 2011
    Posts
    325
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    Why my background image looks ugly in some window sizes

    Hi,
    I've positioned a background image as the code below:
    Code:
    background: url(../images/picture.png) 49% 0% no-repeat transparent;
    It supposes to have no space from the above div. But it looks extended in space in some window size. Why this happens?

    The url is: http://meldville.com/index.php

    Thank you,

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    I can't see anything wrong with that page, even if I move the browser window around etc. Can you clarify? There's no bg image that I can see.

  3. #3
    SitePoint Addict ketting00's Avatar
    Join Date
    Jul 2011
    Posts
    325
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Thanks for response.
    It's the image of the ? symbol on the footer of the page. It looks as it supposed to be on some screen. But on some screen it is higher and some times it is lower. I do not understand this.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,486
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You've absolutely placed the element but with no current stacking context and no positioning so browsers wil vary on position depending where they think the image is and whether they apply the bottom margin to it also.

    Just remove the absolute position and let it remain in the flow and it will look the same in all browsers.
    Code:
    #sliderContainer {position:static}


Bookmarks

Posting Permissions

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