Title: Problem with wrapper div height Last modified: August 19, 2016 --- # Problem with wrapper div height * [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/) * Hi, I am having trouble with the #wrapper height in a template I am building. This is the structure of my webpage: * * CSS: html, body { height: 100%; background-image:url (THEURL); } #wrapper { width: 46.875em; height: 100%; margin: auto; background: #ffffff; } * Essentially the wrapper is supposed to provide a white background so the content in the various columns is readable since the background-image is a different color. The current setting: wrapper-height: 100% shows the white background stretching only to bottom of the loaded page, but nothing below as you scoll down further. * The reason I am posting this on the WP forums is because I have an inkling that the css reads 100% height for the body and wrapper as 100% of the page, but it cannot foresee what’s inside the php lines of the loop. Meaning it cannot see how long or short the content is. And hence parses 100% of only the browser window without scroll. I am sure a problem like this must have a solution. I just can’t find it online. And BTW, I really prefer to not use a fixed height for obvious reasons. Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/problem-with-height/page/2/?output_format=md) [→](https://wordpress.org/support/topic/problem-with-height/page/2/?output_format=md) * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834621) * also I just noticed that the wrapper background is not even covering the whole footer, which is a child of wrapper. So now things make even lesser sense to me! * any help would be appreciated * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834702) * uh….anyone? * [Jeremy Clark](https://wordpress.org/support/users/jeremyclark13/) * (@jeremyclark13) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834703) * We’ll need a link your site to figure out the problem. * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834736) * thanks for your reply. * you can visit the site at [http://www.sposa.com/wordpress/](http://www.sposa.com/wordpress/) * You can see what the problem is if you scroll down. * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834749) * any ideas? * [@mercime](https://wordpress.org/support/users/mercime/) * (@mercime) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834750) * First, your site does not validate [see 210 errors listed with 6 warnings](http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.sposa.com%2Fwordpress%2F). * Opened in my copy of IE6 – When your site first loads, I could see some red and green background over the blue and white background, then this message appears“ Internet Explorer cannot open Internet site [http://www.sposa.com/wordpress/…](http://www.sposa.com/wordpress/…); Operation Aborted” Then the screen goes to Cannot find server …… * Finally, in source. * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834752) * hey mercime, I’m going to checkout the validation errors…that just might tell me what I’m missing thanks. Though since the template is repeated, I hope that the number of errors per page are much lower, though still surprising. * BTW, you probably saw the differently-colored backgrounds while I was working on them, I often do that just to give me ideas of where various columns etc are positioned. * And yeah, I use bluefish (an editor) from Ubuntu. I’m quite certain that’s not an error, lol. * Thanks for your response! * If anyone else knows anything more specific to the problem, I’d really appreciate your help. * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834754) * hmm I had a look at all the errors and warnings, and none of them are critical in any sense. They do not explain this wrapping problem as I had hoped. But anyway, they do need to be address for cross-browser compatibility and I will get to that very soon. * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834776) * out of curiosity, does my belief that this happens because the height:100% cannot pre-parse the wp content make sense? * [iridiax](https://wordpress.org/support/users/iridiax/) * (@iridiax) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834777) * > hmm I had a look at all the errors and warnings, and none of them are critical > in any sense. * LOL. Unclosed div tags and no `` or `` tags… If these aren’t critical code errors, what are? * [@mercime](https://wordpress.org/support/users/mercime/) * (@mercime) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834778) * Try: Add before closing div of wrapper * `
` * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 9 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834779) * Doesn’t seem to do the trick. I tried it in a number of places. * Anyway should I use height:100% for body and wrapper should I use auto? * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 8 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834788) * yeah, for some reason auto cuts the wrapper bg to a mere few pixels long. But all of it’s other properties are being applied to the rest of the content, so why not the bg? * Thread Starter [greenmango112](https://wordpress.org/support/users/greenmango112/) * (@greenmango112) * [17 years, 8 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834815) * the problem still exists…any new thoughts on it? * [Chrisber](https://wordpress.org/support/users/chrisber/) * (@chrisber) * [17 years, 8 months ago](https://wordpress.org/support/topic/problem-with-height/#post-834816) * From what I can see, you’re up to 408 validation errors now. Maybe some of those are more critical than you think? Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/problem-with-height/page/2/?output_format=md) [→](https://wordpress.org/support/topic/problem-with-height/page/2/?output_format=md) The topic ‘Problem with wrapper div height’ is closed to new replies. * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 17 replies * 6 participants * Last reply from: [nasirjumani](https://wordpress.org/support/users/nasirjumani/) * Last activity: [17 years, 8 months ago](https://wordpress.org/support/topic/problem-with-height/page/2/#post-834831) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics