blob: a3164907edc3107110c38e73c8e88f52b8601c2d (
plain)
1 Expanding Divs Containing Floated Elements
2 ==========================================
3 :author: Aaron Ball
4 :email: nullspoon@iohq.net
5
6
7 == {doctitle}
8
9 Today I was working on a site with one center column that contained two columns
10 within and I ran into a rather distressing problem (in the most extreme of ways
11 of course). When I floated my left column to the left as well as my right
12 column, I noticed that the container div shrunk itself to the size of it's
13 padding, leaving the internal divs just hanging outside (in the cold). I toyed
14 with all the css properties I could think of to no avail. I even consulted the
15 plastic green ninja on my desk. After all else failed, I decided to consult
16 the almighty Google. Behold, my findings...
17
18 The website I found was a bit outdated since it referenced Firefox 1.5 as well
19 as IE 5.0 (and IE 5 for Mac...I didn't know they ever had one of those).
20 Despite its apparent obsolescence, the information it gave was still valid for
21 this particular article.
22
23 I'll spare you the talk and give you http://www.ejeliot.com/blog/59[the link].
24
25 The method I ended up using was applying *overflow:auto;* to my div.
26
27
28
29 // vim: set syntax=asciidoc:
|
