Oops, I think I screwed up in my last post, sorry 🙁
Add this to the bottom of your CSS file:
#content-wrapper{
overflow: hidden;
}
#sidebar{
padding-bottom: 10000em;
margin-bottom: -9999em;
}
Thread Starter
Bare
(@bare)
No need to apologize, I appreciate the help very much.
Now let me ask, I added the overflow line for my content wrapper and uploaded that much, it made the white stretch like I wanted. I then added the padding/margin lines for my sidebar and nothing changed. I did them in 2 parts because I’m trying to learn what each call does, do you mind explaining to me what they are supposed to do? I live by the “teach a man to fish” philosophy, so I want to learn so maybe I can help someone else next time.
With that said, the sidebar padding/margin made no changes and now my white stretches below the gray from my sidebar. Can you help me figure out how to make both the sidebar and content areas run the same length? So whichever one is longer, the other adjusts? I tried adding the same overflow line to my sidebar, but that didn’t work.
Thank you again for taking the time to help.
There’s a really good explanation for this hack on this site:
http://www.positioniseverything.net/articles/onetruelayout/equalheight
I’m not sure why you didn’t get it to work. But as I can see it from your CSS file you didn’t apply padding and negative margin to #sidebar.
Thread Starter
Bare
(@bare)
Thanks so much for taking the time to share this with me. I didn’t have the padding/margin applied to the sidebar anymore because when I applied it earlier it did not work, so I removed it. After reading your article though, I was able to fix the problem using a px pad rather than the em pad you posted above. /shrug I guess it’s a browser issue.
So for anyone else wanting to know, I fixed my problem by adding
padding-bottom: 32767px;
margin-bottom: -32767px;
to my sidebar, and having the overflow style you mentioned above added to me content-wrapper div.
Thank you very much!
I’m glad it’s finally fixed. What browser did you use? I’ve checked it in Firefox and IE8 and it worked with ems.
Thread Starter
Bare
(@bare)
I use Firefox, perhaps it was a caching issue, but it didn’t work when I tried it.
Hmmm…
Regardless, it worked the second time. =)
Thanks!!!