summaryrefslogtreecommitdiff
path: root/src/Expanding_Divs_Containing_Floated_Elements.ascii
diff options
context:
space:
mode:
authorAaron Ball <nullspoon@iohq.net>2015-09-24 16:21:02 -0600
committerAaron Ball <nullspoon@iohq.net>2015-09-25 00:10:55 -0600
commit4c921d1dd9e16eb456da3e97d72aecb0881ff39d (patch)
tree7e66e633fbd643f239346aac2e299b8eb3d75bd5 /src/Expanding_Divs_Containing_Floated_Elements.ascii
parent161a81152e7b644444dea3000165f436d16ce3f5 (diff)
downloadoper.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.ascii29
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:

Generated by cgit