From: Mike Taylor <mike@indexdata.com>
Date: Wed, 21 May 2014 12:07:50 +0000 (+0100)
Subject: Add styles to make content area grow to contain floated images.
X-Git-Tag: 1.0.0~629
X-Git-Url: http://git.indexdata.com/?p=mkws-moved-to-github.git;a=commitdiff_plain;h=a0c43fd14e6eaa9f6c23952c5cc782382edd2a60

Add styles to make content area grow to contain floated images.
See http://www.quirksmode.org/css/clearing.html
---

diff --git a/examples/htdocs/mkws-widget-credo.css b/examples/htdocs/mkws-widget-credo.css
index 5e4ffa2..2b8ef0d 100644
--- a/examples/htdocs/mkws-widget-credo.css
+++ b/examples/htdocs/mkws-widget-credo.css
@@ -43,6 +43,11 @@
 .mkwsCredo div.content {
     background: white;
     padding: 0.5em 1em;
+
+    // Next two are needed to make this area grow to contain floated images.
+    // See http://www.quirksmode.org/css/clearing.html
+    overflow: auto;
+    width: 100%;
 }
 
 .mkwsReference h1 {