From: Arne Heizmann <timwi@users.mediawiki.org>
Date: Fri, 18 Jun 2004 23:06:14 +0000 (+0000)
Subject: Add "clear:right" to right-floating thumbnails, and "clear:left" to left-floating... 
X-Git-Tag: 1.5.0alpha1~2820
X-Git-Url: http://git.cyclocoop.org/%28?a=commitdiff_plain;h=ceb884dacd7c4c9c38405deae6e628409234099c;p=lhc%2Fweb%2Fwiklou.git

Add "clear:right" to right-floating thumbnails, and "clear:left" to left-floating ones.

This solves a problem we've had for some time: Two right-floating images with too little text
between them cascade inwards into the middle of the page. Adding more text isn't a viable
solution because "too little text" is more and more text with increasing screen resolution. This
solves it elegantly, I think. Also, since the 'clear' is added only to the right-floating
elements, this does *not* push the text down and does *not* cause blocks of whitespace to occur.
---

diff --git a/stylesheets/monobook/main.css b/stylesheets/monobook/main.css
index eda78023b4..890da19b88 100644
--- a/stylesheets/monobook/main.css
+++ b/stylesheets/monobook/main.css
@@ -309,17 +309,19 @@ in the bottom-right corner of the content area */
 
 /* images */
 div.floatright { 
+    clear: right;
     float: right; 
     margin: 0;
-    position:relative;
+    position: relative;
     border: 0.5em solid White;
     border-width: 0.5em 0 0.8em 1.4em;
 }
-div.floatright p { font-style: italic;} 
+div.floatright p { font-style: italic; } 
 div.floatleft { 
+    clear: left;
     float: left; 
     margin: 0.3em 0.5em 0.5em 0;
-    position:relative;
+    position: relative;
     border: 0.5em solid White;
     border-width: 0.5em 1.4em 0.8em 0;
 }