diff options
author | Aaron Ball <nullspoon@iohq.net> | 2015-09-24 16:21:02 -0600 |
---|---|---|
committer | Aaron Ball <nullspoon@iohq.net> | 2015-09-25 00:10:55 -0600 |
commit | 4c921d1dd9e16eb456da3e97d72aecb0881ff39d (patch) | |
tree | 7e66e633fbd643f239346aac2e299b8eb3d75bd5 /src/Expanding_Divs_Containing_Floated_Elements.ascii | |
parent | 161a81152e7b644444dea3000165f436d16ce3f5 (diff) | |
download | oper.io-4c921d1dd9e16eb456da3e97d72aecb0881ff39d.tar.gz oper.io-4c921d1dd9e16eb456da3e97d72aecb0881ff39d.tar.xz |
Initial conversion to php
Wrote index.php
Moved all asciidoc source files into new src directory
Created index.ascii for keeping track of post index (and allow for
drafts easily)
Updated styles to allow for styles unique to the index page
Fixed a few issues with various posts
Added tracking code
Diffstat (limited to 'src/Expanding_Divs_Containing_Floated_Elements.ascii')
-rw-r--r-- | src/Expanding_Divs_Containing_Floated_Elements.ascii | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/Expanding_Divs_Containing_Floated_Elements.ascii b/src/Expanding_Divs_Containing_Floated_Elements.ascii new file mode 100644 index 0000000..a316490 --- /dev/null +++ b/src/Expanding_Divs_Containing_Floated_Elements.ascii @@ -0,0 +1,29 @@ +Expanding Divs Containing Floated Elements +========================================== +:author: Aaron Ball +:email: nullspoon@iohq.net + + +== {doctitle} + +Today I was working on a site with one center column that contained two columns +within and I ran into a rather distressing problem (in the most extreme of ways +of course). When I floated my left column to the left as well as my right +column, I noticed that the container div shrunk itself to the size of it's +padding, leaving the internal divs just hanging outside (in the cold). I toyed +with all the css properties I could think of to no avail. I even consulted the +plastic green ninja on my desk. After all else failed, I decided to consult +the almighty Google. Behold, my findings... + +The website I found was a bit outdated since it referenced Firefox 1.5 as well +as IE 5.0 (and IE 5 for Mac...I didn't know they ever had one of those). +Despite its apparentĀ obsolescence, the information it gave was still valid for +this particular article. + +I'll spare you the talk and give you http://www.ejeliot.com/blog/59[the link]. + +The method I ended up using was applying *overflow:auto;* to my div. + + + +// vim: set syntax=asciidoc: |