Der IE macht mich wieder wahnsinnig. Auf der Seite shop.logo-creations.de ist der IE8 (in meinem Fall) mal wieder sehr eigensinnig. Die Navi´s werden anders positioniert als im FF oder Chrome. Mein verdacht ist die Margin Positionierung. Leider habe ich keinen Ansatz, wie ich das beheben kann. Die Site-Navigation auf der rechten Seite haben ich einfach weiter runter gezogen, so dass es irgendwie passt. Aber die Kategorien-Navi kriege ich einfach nicht auf die graue Leiste, auf der sie im FF ist und wohin sie auch gehört. Hat jemand einen Ansatz, wie ich das beheben kann? Hier der CSS Part für die Kategorien-Navi:
Code
#branding,#access {
margin: 0 auto;
overflow: visible;
width: 940px;
}
#branding{
padding: 2px 0;
}
.ie8 #branding{
margin-bottom: 20px;
height: 30px;
}Und hier die CSS Definition für die Seiten-Navi:
Code
#page-menu{
position: absolute;
bottom: 60px;
right: 10px;
margin: 0;
width: 500px;
font-size: .8em;
color: #000000;
z-index: 100;
}
#page-menu #page-nav{
text-align: right;
}
#page-menu #page-nav li{
float: right;
margin: 10px 0 0 4px;
}
#page-menu #page-nav li a{
padding: 8px 12px;
font-size: 11px;
color: #fff;
text-transform: uppercase;
}
#page-menu #page-nav li.rss a{
padding-left: 20px;
background: url("http://forum.wordpress-deutschland.org/images/ico-rss-trans.png") no-repeat left center;
}
#page-menu #page-nav li a:hover{
color: #fff;
}Für den IE6 gibt es in der style.css sogar einen Eintrag:
Code
/* IE6 fixes */
.ie6 .single .entry-content{
height: 450px;
}
.ie6 .entry-content {
height:130px;
}
.ie6,
.ie6 #container{
width: 100%;
overflow: hidden;
}
.ie6 #blog-title a{
overflow: auto;
}
.ie6 #category-menu,
.ie6 #category-nav{
width: 940px;
}
.ie6 #category-menu{
margin: 10px 0 0 10px;
}
.ie6 #category-nav li {
float: left;
display: inline;
padding: 0;
margin: 0;
height: auto;
}
.ie6 #category-nav li.blog-description{
float: right;
}
.ie6 #category-nav li.blog-description span{
float: right;
}
.ie6 #category-nav a{
float: left;
}
.ie6 .single #content {
height: auto;
}