www layout.css

[Waclaw Jacek]

CVSROOT:        /web/www
Module name:    www
Changes by:     Waclaw Jacek <wwj>      10/11/16 04:59:54

Modified files:
        .              : layout.css 

Log message:
        fixing #475707 ("gnu.org web pages not rendering correctly (in FF3), 
mostly by replacing position: absolute and position: relative with floats

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/layout.css?cvsroot=www&r1=1.103&r2=1.104

Patches:
Index: layout.css
===================================================================
RCS file: /web/www/www/layout.css,v
retrieving revision 1.103
retrieving revision 1.104
diff -u -b -r1.103 -r1.104
--- layout.css  13 Nov 2010 00:17:40 -0000      1.103
+++ layout.css  16 Nov 2010 04:59:12 -0000      1.104
@@ -57,16 +57,14 @@
 a:hover{ color: red; }
 
 
-.inner { max-width: 58em; margin: 0 auto 0; position: relative; min-width: 
902px; }
+.inner { max-width: 58em; margin: 0 auto 0; min-width: 902px; }
 
 .inner{ padding-left: 10px; padding-right: 10px; }
 
-#logo{background:url(/graphics/topbanner.png) 
no-repeat;border:0;margin:0em;padding:0;}
+#logo{background:url(/graphics/topbanner.png) no-repeat;border:0;float: 
left;margin:0em;padding:0;}
 
 #logo a { 
display:block;text-decoration:none;overflow:hidden;border:0;margin:0;padding:0;padding-top:101px;height:0px
 !important;width:550px;cursor:pointer;}
 
-#header{ position: relative; height: 101px;}
-
 #fsf-logo{ position: absolute; top: 0; right: 25px; }
 
 #links{ display: none !important; }
@@ -80,13 +78,15 @@
 
 #content { background-color: #fff;  padding-bottom: 1.8em;  margin-top: 0.5em; 
 }
 
-#navigation{ background-color: #bd0000; border-bottom: 5px solid #333; 
line-height: 2.5em;}
+#navigation{ background-color: #bd0000; border-bottom: 5px solid #333; clear: 
both; }
+
+#navigation:after{ clear: both; content: ""; display: block; height: 0px; 
visibility: hidden; width: 0px; }
 
-#navigation ul{ font-size: 0.8em;}
+#navigation ul{font-size: 0.8em; float: left; margin: 1.1em auto; }
 
 #navigation li{display: inline; }
 
-#navigation li a {color: white; text-decoration: none; font-weight: bold; 
padding: 1em 1em 2em;}
+#navigation li a {color: white; text-decoration: none; font-weight: bold; 
padding: 1.1em;}
 
 #navigation li a:hover{ background-color: maroon; color: yellow;  }
 
@@ -222,7 +222,7 @@
 
 .inline-list li { display: inline }
 
-#searcher{ position: absolute; top: 0; right: 1em; line-height: 3em; color: 
white; text-transform: uppercase; font-weight: bold; background-color: maroon; 
padding-left: 1em; padding-right: 1em;}
+#searcher{ float: right; margin-right: 1em; line-height: 3em; color: white; 
text-transform: uppercase; font-weight: bold; background-color: maroon; 
padding-left: 1em; padding-right: 1em;}
 
 #searcher, #searcher input{ font-size: 0.8em; }
 
@@ -243,7 +243,7 @@
 
 #takeactionhomepage li{line-height: 1.3em; list-style: none !important;}
 
-#fssbox {text-align: center; position: absolute; top: 0; right: 0; height: 
101px; width: 310px; font-size: 80%;}
+#fssbox {text-align: center; float: right; width: 310px; font-size: 80%;}
 
 #fssbox h1, #fssbox p{ line-height: 30px;}