Comments on: Weird Float/Height Problems and How To Solve Them! http://becreativemagazine.com/2010/02/weird-floatheight-problems-and-how-to-solve-them/ Powered By Coffee Alone! Mon, 02 Aug 2010 19:39:16 -0700 hourly 1 http://wordpress.org/?v=3.0 By: Chris Neal http://becreativemagazine.com/2010/02/weird-floatheight-problems-and-how-to-solve-them/#comment-1441 Chris Neal Thu, 03 Jun 2010 15:07:27 +0000 http://becreativemagazine.com/?p=654#comment-1441 Yeah, clearing the float is the best way to fix this issue. The overflow:auto fix also works, though I prefer to clear the floats. Yeah, clearing the float is the best way to fix this issue. The overflow:auto fix also works, though I prefer to clear the floats.

]]> By: Tony http://becreativemagazine.com/2010/02/weird-floatheight-problems-and-how-to-solve-them/#comment-532 Tony Mon, 22 Feb 2010 20:56:52 +0000 http://becreativemagazine.com/?p=654#comment-532 Clearing the floated divs inside the container would also fix it, and it's good practice to always clear floated containers anyway. Clearing the floated divs inside the container would also fix it, and it’s good practice to always clear floated containers anyway.

]]> By: KayRoseDesign http://becreativemagazine.com/2010/02/weird-floatheight-problems-and-how-to-solve-them/#comment-523 KayRoseDesign Sat, 20 Feb 2010 15:34:01 +0000 http://becreativemagazine.com/?p=654#comment-523 From what I understand you mean to hide the child elements outside of the parent right? For example on my site http://kayrosedesign.com/blog/ I used a seperator background image to keep the seperator between the left and right columns the entire height of the page, (from the bottom of the featured area to the top of the footer). Sorry if that was confusing :-) Also I see your point beacuse my example doesn't work in FireFox 2.0. Then again it's not to much of a worry. From what I understand you mean to hide the child elements outside of the parent right?

For example on my site http://kayrosedesign.com/blog/ I used a seperator background image to keep the seperator between the left and right columns the entire height of the page, (from the bottom of the featured area to the top of the footer). Sorry if that was confusing :-)

Also I see your point beacuse my example doesn’t work in FireFox 2.0. Then again it’s not to much of a worry.

]]> By: Francesco Ciracì http://becreativemagazine.com/2010/02/weird-floatheight-problems-and-how-to-solve-them/#comment-522 Francesco Ciracì Sat, 20 Feb 2010 15:24:22 +0000 http://becreativemagazine.com/?p=654#comment-522 "overflow: hidden" to the parent elements works too, and it is the standard solution these days, as far I know. Good tip anyway. “overflow: hidden” to the parent elements works too, and it is the standard solution these days, as far I know.
Good tip anyway.

]]>