zapppa — 2011-07-21T10:00:24-04:00 — #1
I'm making a quick site draft for someone and i'm having a strange issue here - I cant get the container to stay 100%
I thought I have coded it correctly, but clearly i've missed something
It stops half way on the services page.
Any ideas as to what I have done wrong?
Any help greatly appreciated
ryanreese — 2011-07-21T10:08:43-04:00 — #2
Hi, the problem is that inside #container, the columns are floated. That makes the parent not recognize them, aka it thinks that it's going to the 100% height!
You need to add overflow:hidden to "#container".
Other than that, you did everything perfect :).
zapppa — 2011-07-21T10:15:03-04:00 — #3
Ahhh! I see! Something new learned today!
Thanks very much
ryanreese — 2011-07-21T10:19:48-04:00 — #4
You're welcome sir :). And if you ever need to "contain the floats" (as overflow:hidden is doing right now for you), and you need a design element hanging out of the container, look into using the "clearfix". You can google that if you want, to read up on it, but overflow:hidden is good for 99% of cases.
beyre — 2011-07-22T14:02:41-04:00 — #5
I just wanted to say this answered the problem I was having of which I had created a thread for about an hour ago.
Thank you SO SO much!