CSS-Hack's für die diversen Browser

Beispiel für die Menüleiste oben auf dieser Website

Die Menüleiste mit dem Link zum Drucken konnte nur mit einer Tabelle realisiert werden, ansonsten kann man diese nicht zentrieren. Tabellen haben aber bei fast allen Browsern ein leicht anderes Verhalten, das man kaum bemerkt, hier aber zu unschönen Abständen oben und unten führte. Diese CSS-Codierung schaffte problemlos Abhilfe:

 

/*–––––––––– MenuLeiste oben –––––––––––––*/
#top {
   background-color: #0000be;
   height: 19px;
   margin-top: 18px;
   font-size: 13px;
   color: #fff;
   padding-top: 3px;
   padding-bottom: 0px;
   text-align: center;
   }

.ie9 #top{ padding-top: 3px; padding-bottom: 1px; font-family: Calibri; 
   font-size: 16px; font-weight: bold;}

.ie8 #top{ padding-top: 3px; padding-bottom: 1px; font-family: Arial; 
   font-size: 13px;}

.ie7 #top{ padding-top: 3px; padding-bottom: 1px; font-family: Arial; 
   font-size: 13px; }

.mac.gecko #top {padding-bottom: 2px;}

.mac.chrome #top {padding-top: 2px; padding-bottom: 3px;}

.win.chrome #top {padding-top: 3px;}

Link zu Facebook