Hi,
baue gerade an folgendem Theme rum: http://www.dichterdschungel.de/wp/
Basieren tut es auf "Twenty Eleven 1.2". Nun habe ich das Menü per mergin über das Headerlogo geschoben. Das klappt auch wunderbar, allerdings nur in Chrome, Safari, Firefox. Im IE9 wird das Header Image einfach übersprungen und über dem Image weiter geschoben. Jemand ne Idee woran das hängt ?
hier mal ein Ausschnitt aus dem wohl relevanten Css Teil:
Code
/* =Header
----------------------------------------------- */
#branding {
border-top: 2px solid #bbb;
padding-bottom: 10px;
position: relative;
z-index: 1;
}
#site-title {
margin-right: 270px;
padding: 3.65625em 0 0;
position: relative;
z-index: 10;
}
#site-title a {
color: #0c5e03;
font-size: 50px;
font-weight: bold;
line-height: 36px;
text-decoration: none;
position: relative;
z-index: 10;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
color: #000;
}
#site-description {
color: #7a7a7a;
font-size: 14px;
margin: 0 270px 3.65625em 0;
position: relative;
z-index: 10;
}
#branding img {
height: auto;
margin-bottom: -7px;
width: 100%;
position: relative;
z-index: 1;
}
/* =Menu
-------------------------------------------------------------- */
#access {
/* background: #222; /* Show a solid color for older browsers */
/* background: -moz-linear-gradient(#252525, #0a0a0a); */
/* background: -o-linear-gradient(#252525, #0a0a0a); */
/* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */ */
/* background: -webkit-linear-gradient(#252525, #0a0a0a); */
/* -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; */
/* -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; */
/* box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; */
clear: both;
display: block;
float: left;
margin: -200px 1px 6px;
width: 750px;
position: relative;
z-index: 9999;
}
#access ul {
font-size: 19px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
#access li {
float: left;
position: relative;
z-index: 9999;
}
#access a {
color: #000;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
z-index: 9999;
}
#access ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0;
position: absolute;
top: 3.333em;
left: 0;
width: 188px;
z-index: 99999;Gruß,
Peter