Problem with wrapper div height
-
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.
- The topic ‘Problem with wrapper div height’ is closed to new replies.