Hallo,
ich verzweifel ein wenig daran den Header zu zentrieren.
Alle möglichen Varianten mit Aenderungen an padding, float,align oder margin gemacht aber immer sobald man die Browser Sidebar öffnet verschiebt sich auch der Header.
Firebug kann mir auch nicht weiterhelfen da im Header mal ganz rechts eine Suchfunktion war. Diese habe ich aber in der Header.php entfernt. Firebug zeigt mir zwar den Header an allerdings schließt er nicht die ehem. Searchbox mit ein. Diese ist komischerweise mit der Navigationleiste zusammen.
Hier der Link.
Hier die CSS Angaben:
CSS
#header form {
padding:27px 786px 40px 25px;
float:left;
width:140px;
margin:0 0 -20px 0 !important;
margin:0 -10px -20px 0;
}
#header h1 {
float:left;
width:200px;
color:#333;
padding:5px 786px 100px 5px;
background:#fff url(images/header2.jpg) center no-repeat;
margin:0 0 0 0;
}
#header h1 a {
color:#333;
text-decoration:none;
}
#header h1 a:hover {
color:#111;
}
#header h2 {
font:150% Arial;
color:#666;
border:0;
padding:0;
padding-top:20px;
}
#header h2 a img {
padding-right:5px;
}
#header #nav {
clear:both;
background: #1777B1;
border-bottom:0px solid #eee;
border-top:0px solid #3EB101;
border-left:0px solid #3EB101;
border-right:0px solid #3EB101;
padding:10px 10px 10px 0 !important;
padding:4px 10px 10px 0;
}
#header a em {
font-style:normal;
text-decoration:underline;
}
#header #nav a {
color:#fff;
font:140% Arial;
text-decoration:none;
padding:10px;
}
#header #nav a:hover {
background:#002E92;
}
#header #nav a.active {
background:#002E92;
}
#header #nav li {
display:inline;
list-style:none;
margin:0 1px 0 0;
}
#header #subnav {
background:#002E92;
padding:5px 7px 7px 7px;
font:11px Arial;
color:#DEEDF5;
border-bottom:0px solid #002E92;
border-left:0px solid #002E92;
border-right:0px solid #002E92;
}
#header #subnav li {
list-style:none;
display:inline;
}
#header #subnav a {
color:#DEEDF5;
text-decoration:none;
font:11px Arial;
padding:5px;
border-bottom:2px solid #002E92;
}
#header #subnav a:hover {
border-bottom:2px solid #eee;
color:#fff;
}
#header #subnav a.active {
border-bottom:2px solid #eee;
color:#fff;
}