SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
-
Jun 14, 2005, 11:37 #1
- Join Date
- Jun 2004
- Location
- -Netherlands-
- Posts
- 1,383
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Parent div ignoring height of child div when floated
I know, this is a known issue, but I have can't find a fix anywhere.
I have a 2 column layout and the content in the left column is often taller then the content in the right column. Since the content in the left column is floated, the container div ingnores its height and inherits the height of the right column. This causes the colored borders of the container div to run through the left column rather than around it.
how do I fix this?
thanx,
JR
-
Jun 14, 2005, 11:46 #2
- Join Date
- May 2003
- Location
- Cambridge, UK
- Posts
- 2,366
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Either:
a) Float the container DIV
b) Add a clearing element after the left column in the markup
c) Clear it without structural markup
-
Jun 14, 2005, 12:05 #3
- Join Date
- Jun 2004
- Location
- -Netherlands-
- Posts
- 1,383
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by Buddy Bradley
on second thought, method C is even messier than B and it might cause forward compatibility issues with ie.
thanxLast edited by peach; Jun 14, 2005 at 13:20.
-
Jun 14, 2005, 12:08 #4
- Join Date
- Jun 2004
- Location
- -Netherlands-
- Posts
- 1,383
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
BTW, I went to Peterborough 2 times
...student exchange thing.
Originally Posted by Buddy Bradley
Bookmarks