page cutting off on lower resolutions

Discussion in 'CSS' started by Captainkewl, Apr 1, 2010.

  1. #1
    Good day. I am not sure what I can do about this issue. If you go here: http://store.scrapbookingfanatics.com/index.php you will see that the page shows fine on a screen resolution larger than 1024x768. However, when you view it at the 1024x768 res. part of the right side of the page is cut off, forcing you to scroll horizontal to the right. The way it is layed out is the navigation bar and the big white box with all the content in it, is set in a container with a width of 1024px. The graphics around that container have a separate container with a width of 1400px (which is where the problem is). So the 1024px container is sitting inside of the 1400px container. I did this so that the layout would stick together and not "break". Any suggestions on how to solve my 1024x768 screen resolution issue would be greatly appreciated.
     
    Captainkewl, Apr 1, 2010 IP
  2. canadianguy_001

    canadianguy_001 Peon

    Messages:
    97
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well first off, nice design.

    But the design is slightly bigger than 1024. so if you want it to not scroll you need to modify your design at this point
     
    canadianguy_001, Apr 1, 2010 IP
  3. Captainkewl

    Captainkewl Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks. Yeah, I would have to bring the container to 980px or something at this point.

    Cheers,
     
    Captainkewl, Apr 1, 2010 IP
  4. ajinkyax

    ajinkyax Peon

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    make ur wrapper 960px & inside DIVs set all to 100% width.
     
    ajinkyax, Apr 2, 2010 IP