Invisible Extra Space

  • junkhed1

    (@junkhed1)


    13 years ago

    Hello I’m trying to figure out how to get rid of some extra space which is showing up on the right side of my site. I have my wrap div set to 960px and I’ve checked all the other containers that I am using to hold info/images in on the page and nothing seems to be showing me that they are out of dimension with the overall size of the site, but there seems to be something creating a horizontal scroll bar at the bottom of my page and creating some space to the right of the site.

    I’ve been searching my css coding as well going over the info on my index.php file but nothing seems to be out of sorts to me, but I’m sure something must be to be creating this. Could anyone possibly take a look at my site WEBSITEand assist in finding the problem? Thanks in advance!

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

  • Hi junkhed1,

    Wrap (which you set to 960 px) is inside the body element. Try setting the width of your site’s body element.

    Hope this helps!

    Thread Starter junkhed1

    (@junkhed1)

    Hi ChristiNi,

    Thanks so much for writing back, I applied a width to my css sheet for the body element but I’m still getting the same thing.. not quite sure whats wrong but I’m gonna keep hunting..LOL would you have any other suggestions of where I should be looking? I thought at first maybe there was a div pushing out of the wrap but I placed background colors on each one to visibly see the divs and nothing seems out of sorts.

    Thank you again for all your help ??

    Hi junkhed1,

    Your’e welcome! I’m happy to help.

    I can’t say for sure this is the problem, but it definitely needs to be fixed. Ran your style sheet through the w3.org validator:

    https://jigsaw.w3.org/css-validator/

    That returned the following error in your style sheet:

    164 #twitterfeed h4 Value Error : font-weight normL is not a font-weight value : normL

    Browsers can be picky, sometimes just one character added or missing can throw an entire page off.

    I also found a handy check list for troubleshooting that may interest you:

    https://webdesign.about.com/od/testing/qt/debug_checklist.htm

    Hope this helps!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Invisible Extra Space’ is closed to new replies.