To insert code use <code>...</code>.
Mysterious white space at edge of screen
  • Vote Up0Vote Down fascitoriumfascitorium
    I notice that if scroll to the right of my screen that there is a big white space where there should not be. The background image should extend to that area like it does in the header section. This might be related to another issue where the header image and background image seem to be not aligned 100%. There is an approximate 2 pxl mismatch. It seems to be happening in all browsers. Pictures attached. The first pic shows the gap near the top of the page and the 2nd pic shows that it extends all the way to the bottom of the screen.

    Any ideas how to remedy this??
    white gap.jpg
    372 x 898 - 143K
    white gap2.jpg
    372 x 898 - 44K
  • 9 Comments sorted by
  • Vote Up0Vote Down BackuPsBackuPs
    do you have a link instead of photos?
  • Vote Up0Vote Down fascitoriumfascitorium
    http://fascitorium.net
  • Vote Up0Vote Down BackuPsBackuPs
    tell me what should i see.

    Image and video hosting by TinyPic

    and where?

    Best regards,
    BackuPs
  • Vote Up0Vote Down fascitoriumfascitorium
    Use the horizontal scroll bar at the bottom of your browser and go right a bit. You can see it in these 2 pictures I attached. Thanks.
    white gap2.jpg
    372 x 898 - 44K
    white gap.jpg
    372 x 898 - 143K
  • Vote Up0Vote Down BackuPsBackuPs
    for the green bar above the footer you can add this code.


    #page_bottom {
    height: 0px;
    }


    there is a underscore between page and bottom page_bottom

    thw whitebar is not visible in any of my browsers. so i do not know how to fix this because i do not see it.

    Best regards,
    BackuPs
  • Vote Up0Vote Down morgancreativemorgancreative
    Maybe set your page background to tile horizontally?
  • Vote Up0Vote Down BackuPsBackuPs
    darn i din't see the scrollbar at the bottom.

    you page is not centered. there is a difference left and right...

    Could you please turn off combine css and combine js in the advance settings so i can have look at the css code.

    Now i can't

    Best regards,
    BackuPs
  • Vote Up0Vote Down fascitoriumfascitorium
    Okay I turned those settings off :)

    Thanks for taking a look!
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Bibi,

    The problem is caused that you have set the top image as a logo. You should set it as a header background image.

    so now it works.

    I just inserted a transparent logo so the logo is clickable as a link,

    i remove the logo css because it was set to the -900 px... and adjusted the css for the logo and menu to work again.

    Best regards,
    BackuPs
This discussion has been closed.
All Discussions