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.

Faux Column Background Disappears in Firefox, but not IE

P: 3
I have two sites that use the faux column background CSS technique. Both sites were built from the same CSS foundation with a wrapper DIV that has a background set and contains header, left, center and right DIVs.

Everything works fine in IE but the background stops halfway down in Firefox. I've heard that floated elements require different CSS to accomplish this, but all the explanations I've found say that the solution is to use the faux background technique, which is what I'm doing already.

The first site uses a background image and the second uses a background color.

http://wtonline.ag.org

http://leadersunlimited.ag.org
Sep 20 '06 #1
Share this Question
Share on Google+
5 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Actually, things are not working fine in IE. IE is enclosing your floated elements. While this is what you want, this is not correct behavior and is a bug in IE. Firefox is correctly following the standard.

To get Firefox to do what you want, add overflow:auto to #wrapper which is the parent div. This will work for the one with the background color. I haven't checked the other one. Faux Columns is not for this particular issue.

edit: I did apply overflow:auto to the other one and it seems to fix it there, also.
Sep 20 '06 #2

P: 3
I added the overflow: auto; to the wrapper DIV, but it added scrollbars to the sites in both IE and FF like they were using frames. Any ideas?
Sep 20 '06 #3

drhowarddrfine
Expert 5K+
P: 7,435
Remove the height:100% from #wrapper.
Sep 20 '06 #4

P: 3
We're really, really close now! The first site (WTOnline) looks great, but the second site (LeadersUnlimited) still has the scroll bars.
Sep 20 '06 #5

drhowarddrfine
Expert 5K+
P: 7,435
ignore this. back in a minute.
Sep 20 '06 #6

Post your reply

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