Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

White space on the right

4:42 pm on Jan 16, 2013 (gmt 0)

New User

5+ Year Member

joined:Jan 16, 2013
posts: 1
votes: 0


Thanks for taking the time to review my message.

I have a white space on the right of a site I'm developing.

I'm sure my CSS is messed up somewhere but I can't pinpoint the problem.

There must be someone much smarter and more experienced than myself.

Can you please help me figure this out?

Thank you.


[edited by: bill at 2:01 am (utc) on Jan 17, 2013]
[edit reason] As per TOS, no links to your site please. [/edit]

1:18 am on Jan 17, 2013 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
votes: 747

Step 1: You-- not us-- will have to figure out how to represent your problem using the smallest possible amount of quoted html and css. Do not repeat do not simply dump the entire css into your post.

You need to do this because a moderator will be along shortly to delete the link to your site. This is in The Rules. It is doubly important for CSS because the question is about the site in its present form, not about what it will look like next year or next week.

And now, for the benefit of people coming along later, can you explain why the site has a seemingly superfluous vertical scroll bar although the overflow is horizontal? * It even happens in html preview using pasted-in page source. That's an extra scroll bar of its own, in addition to the browser-supplied one.

There is definitely something wrong with the page, because it takes far too long to load in relation to its size and content. But this isn't the place for a full-blown site review. I will add for the benefit of that same coming-along-later crowd that the front page includes about 65 style declarations (based on rough count of { characters minus a few in scripts) in addition to links to 11 (ELEVEN) external stylesheets. And, according to the text editor, 26 separate external javascript files.

And you're worried about whitespace? (Which, incidentally, I don't see. But I only tried two browser families, neither of them You Know What.)

* OK, n/m, that question at least is answered in the body of the document:
<!-- Responsive on demand -->

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
body, html {
width: 100%;
//height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;

Someone else will have to explain to me what "responsive" means in this context.