Hallo Experten,
ich nutze das Mflat-Theme und habe es nach meinen Vorstellungen angepasst. Jetzt stehe ich vor dem Problem, dass die Navigationsleiste im Firefox-Browser komplett falsch dargestellt wird --- in anderen Browsern funktioniert's einwandfrei.
So soll es aussehen: http://i.imgur.com/zmlnP.png
So sieht es im Firefox aus: http://i.imgur.com/imnng.png
Hier ein Link zur Seite: http://blutspenderwerbung.de/
Hier das CSS für den Header:
Code
div#header{
width:100%;
/* background:url(images/background.png); */
}
div#header .headerbox{
width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
min-width: 700px; /* 980px; */
max-width: 800px; /* 1000px; */
margin-right: auto;
margin-left: auto;
position: relative;
text-align: left;
}
div#content {
width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
min-width: 700px; /* 980px; */
max-width: 800px; /* 1000px; */
margin-right: auto;
margin-left: auto;
position: relative;
text-align: left;
padding:0 20px;
/* background:#F9F9F9; url(images/sidebar_middle.png) repeat-y; */
}
div#main {
width: 100%;
float: left;
padding-bottom:20px;
}
div#header p.siteName {
margin: 0;
padding-top:50px;
padding-bottom:15px;
/* padding-top:30px; */
line-height: 1;
font-size: 250%;
float:left;
}
div#header p.siteName a{
width:100%;
height:70px;
display:block;
}
div#header p.description {
/* font-size: 112%;
padding:40px 0 40px 0;
margin:0 0 1px 0;
background:url(images/header.png) 90% 0 no-repeat; */
}Hier das CSS für die Navigationsleiste:
Code
#globalNavi{
padding: 0;
margin-bottom:20px;
background:#A6A6A6; /* #222; */
overflow:hidden;
width:100%;
}
#globalNavi ul {
margin: 0;
padding: 0;
/* width:100%; */
float:left;
overflow:hidden;
background:#A6A6A6; /* #222; */
border-left: 3px solid #E6E6E6;
}
#globalNavi ul li {
margin-left: 0;
float:left;
list-style:none;
height:40px;
/* border-right: 1px solid black; */
/* border-left: 2px solid #555; */
border-right: 3px solid #E6E6E6;
padding-left:10px;
padding-right:10px;
_width: 110px;
font-size:14px;
text-align: center;
}
#globalNavi ul li.current_page_item {
background: #848484; /* #5b5b5b; */
}
#globalNavi ul li.current_page_item:hover {
background:#BEBEBE;
}
#globalNavi ul li:hover{
background:#BEBEBE;
}
#globalNavi ul li a {
color:#FFF;
padding:12px 15px 0 15px;
display:block;
height:30px;
text-decoration: none;
}
#globalNavi ul li a:hover{
color:#fff;
}Über Hinweise, Tipps etc. würde ich mich sehr freuen!