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;}