[RESOLVED] Someone please look at my CSS...
I need some help. My site works in IE8, but it's not working in IE9, IE10, Chrome, or Firefox. I am wondering if someone can take a look at the stylesheet and let me know if there's something I can do.
It's fitted for IE8 because that's our corporate browser, but we're going to be moving up soon and I have to work on figuring this out...
I placed it on a public domain for testing purposes.
There's too much code to post here, so here's the jsfiddle...
Your help is greatly appreciated.
You need to add what's called a 'clearfix' rule for #body_wrapper so that you clear the 'float' for the left column:
Floated elements are removed from the normal document flow, so the other elements are positioned without regard to the vertical space they occupy without some additional rules.
on FF 20, all looks ok besides the footer colomns. Try clearing your footer_Wrapper and adjusting your footer_col margins
That makes sense Rick. Do I have to do that,
(I've never seen this before)
...after every float. When is it appropriate to do that?
I don't know if I could come up with a general rule to tell you when a clearfix is appropriate, but it's usually pretty obvious when you need to use it. My darker side says, "It's appropriate to use a clearfix when you find yourself thinking, 'Why can't I just use a bleeping <table> and be done with it?'". Good luck!
Understood. Tables are the enemy. Got it. Thanks, Rick!
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)