By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
431,745 Members | 1,873 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 431,745 IT Pros & Developers. It's quick & easy.

100% Height problem only in Firefox?

P: 1
Hello

Well I'm a newbie to CSS and I have an issue with using 100% height when viewed in Firefox. If I use a pixel measurement, everything works well. I uploaded it to my site: http://www.realbabyguide.co.uk/test.html

I'm trying to make an always centered DIV which I've called container. The website fits into this DIV. The yellow blocks are floated left.

Any ideas? I'm tearing my hair out (what's left of it!). Maybe I should have stuck with tables...
Sep 24 '06 #1
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
The problem is not 100% height. The problem is you are expecting the container div to expand to contain the floated content. That is not how it works. IE does expand the div but that is a bug in IE and incorrect behavior.

To get your container to expand, add overflow:auto; to the container css.
Sep 27 '06 #2

P: 1
Holy crap, thank you sooooo much for this. I know it is one of the simplest problems, but it has plagued me for weeks.
Oct 29 '06 #3

P: 1
Thank a lot man. working fine.

resolved with "overflow:auto"
Mar 14 '12 #4

Post your reply

Sign in to post your reply or Sign up for a free account.