WordPress.org

1. GreenMango112
   Member
   Posted 3 years ago #

   Hi,
   I am having trouble with the #wrapper height in a template I am building.
   This is the structure of my webpage:

   <start wrapper>
   <start/end header>
   <start/end C1>
   <start/end C2>
   <start/end sidebar>
   <end wrapper>

   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.

2. GreenMango112
   Member
   Posted 3 years ago #

   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

3. GreenMango112
   Member
   Posted 3 years ago #

   uh....anyone?

4. Jeremy Clark
   Moderator
   Posted 3 years ago #

   We'll need a link your site to figure out the problem.

5. GreenMango112
   Member
   Posted 3 years ago #

   thanks for your reply.

   you can visit the site at http://www.sposa.com/wordpress/

   You can see what the problem is if you scroll down.

6. GreenMango112
   Member
   Posted 3 years ago #

   any ideas?

7. @mercime
   Member
   Posted 3 years ago #

   First, your site does not validate see 210 errors listed with 6 warnings.

   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/... Operation Aborted"
   Then the screen goes to Cannot find server ......

   Finally,<meta name="generator" content="Bluefish 1.0.7"/> in source.

8. GreenMango112
   Member
   Posted 3 years ago #

   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.

9. GreenMango112
   Member
   Posted 3 years ago #

   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.

10. GreenMango112
    Member
    Posted 3 years ago #

    out of curiosity, does my belief that this happens because the height:100% cannot pre-parse the wp content make sense?

11. iridiax
    Member
    Posted 3 years ago #

    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 </body> or </html> tags... If these aren't critical code errors, what are?

12. @mercime
    Member
    Posted 3 years ago #

    Try: Add before closing div of wrapper

    <div style="clear:both;"></div>

13. GreenMango112
    Member
    Posted 3 years ago #

    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?

14. GreenMango112
    Member
    Posted 3 years ago #

    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?

15. GreenMango112
    Member
    Posted 3 years ago #

    the problem still exists...any new thoughts on it?

16. Chrisber
    Member
    Posted 3 years ago #

    From what I can see, you're up to 408 validation errors now. Maybe some of those are more critical than you think?

17. GreenMango112
    Member
    Posted 3 years ago #

    Chrisber,
    I had a look at all the errors. They are errors caused by tags; such as using <img> instead of <img />, and the same for br, and several others repeated numerous times of each page. There are a few others that didn't make much sense to me, faults that the validator picked out in javascripts, but oddly enough all the scripts seem to be working.

    What I mean to say is, none of those errors are due unclosed divs, which could cause my problem, or anything else even remotely related.

    What I'm sure of though is that this is my fault, otherwise everyone would get this error with wp. I just can't figure out where. If you wouldn't mind, could you have a look at the validation errors and suggest something? If you group them by type, they are very easy to read.

    thanks!

18. nasirjumani
    Member
    Posted 3 years ago #

    I have the exact same problem of greenmango112. I have also tried all the hacks I know of. And currently my head is spinning off :(

Topic Closed

This topic has been closed to new replies.