removed the empty span from header.html and added the clearfix class to the navbar...

diff --git a/theme/standard/header.html b/theme/standard/header.html
index c0e07678cc623f3de4b18e5a472318d80f06696b..9ad45ffe698b8159b2c76496bd207921e7916dc0 100644 (file)
--- a/theme/standard/header.html
+++ b/theme/standard/header.html
@@ -20,24 +20,22 @@
 <?php //Accessibility: 'headermain' is now H1, see theme/standard/styles_layout.css: .headermain
       if ($home) {  // This is what gets printed on the home page only
 ?>
-    <div id="header-home">
+    <div id="header-home" class="clearfix">
         <h1 class="headermain"><?php echo $heading ?></h1>
         <div class="headermenu"><?php echo $menu ?></div>
     </div>
 <?php } else if ($heading) {  // This is what gets printed on any other page with a heading 
 ?>
-    <div id="header">
+    <div id="header" class="clearfix">
         <h1 class="headermain"><?php echo $heading ?></h1>
         <div class="headermenu"><?php echo $menu ?></div>
     </div>
 <?php } ?>
-    <div class="clearer"></div>
 <?php //Accessibility: breadcrumb trail/navbar now a DIV, not a table.
       if ($navigation) { // This is the navigation bar with breadcrumbs  ?>
-    <div class="navbar">
+    <div class="navbar clearfix">
         <div class="breadcrumb"><?php print_navigation($navigation); ?></div>
         <div class="navbutton"><?php echo $button; ?></div>
-        <span class="clearer"></span>
     </div>   
 <?php } else if ($heading) { // If no navigation, but a heading, then print a line  
 ?>

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index f0bb7d8b20a7365a51ecbf948056856c67f114c5..676cf208e1eba2fe5704ff5e2b941e1a6e0bb407 100644 (file)
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -72,8 +72,12 @@ h6.main {
   clear: both; 
   visibility: hidden;
 }
+
+.clearfix {display: inline-table;}
+
 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
+.clearfix {display: block;}
 /* End hide from IE-mac */
 
 .mdl-align {