homepage Welcome to WebmasterWorld Guest from 23.20.220.61
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
White space on the right
ericlreynolds




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

Hi,

Thanks for taking the time to review my message.

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

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.

Eric

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

 

lucy24




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

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">
<style>
body, html {
width: 100%;
//height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
</style>

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved