Hallo,
nun habe ich extra ie6.css erstellt um das Design anzupassen, aber die Sidebar will einfach nicht an ihren Platz: http://www.dbsh-bremen.de (ie7/ie8/Firefox funktionieren). An welcher Einstellung muss ich etwas ändern?
Code
.wrapper{ /* This wrapper class appears only on Page and Single Post pages. */
float: left;
width: 500px;
}
.narrowcolumnwrapper{
margin: 5px 5px 0 0;
float: left;
width: 500px;
background: #fff url(images/bg_narrowcol.gif) repeat-y;
}
.narrowcolumn{
float: left;
width: 500px;
background: url(images/bg_narrowcol_bottom.gif) no-repeat left bottom;
}
.content{
float: left;
width: 500px;
background: url(images/bg_narrowcol_top2.gif) no-repeat left top;
}
.content2{
float: left;
width: 600px;
background: url(images/bg_narrowcol_top2.gif) no-repeat left top;
}
/*
.narrowcolumnwrapper2{
margin: 5px 5px 0 0;
float: left;
width: 680px;
background: #fff url(images/bg_narrowcol.gif) repeat-y;
}
*/
/*
.narrowcolumn2{
padding: 5px 0 0 0;
float: left;
width: 680px;
background: url(images/bg_narrowcol_bottom.gif) no-repeat left bottom;
}
*/
/*
conenttermie (content2) etc. sind für eine evtl. Terminseite gedacht, die über die ganze container-Breite geht, also ohne (rechte) Sidebars auskommt
*/
.post{
padding: 15px 16px 15px;
line-height: 18px;
background: url(images/bg_artikeltrenner_top.gif) no-repeat left top;
}
.post h2{
padding: 0 0 2px;
font-size: 16px;
font-weight: bold;
line-height: 27px;
}
.post h2 a{
text-decoration: none;
color: #103d6c;
border-bottom: 1px solid #75abea;
}
.post img{
padding: 0px;
border: 1px solid #ddd;
background: #fff;
}
.post img.alignleft{
float: left;
margin: 5px 10px 0 0;
}
.post img.alignright{
float: right;
margin: 5px 0 0 10px;
}
.post img.wp-smiley{
padding: 0;
border: 0;
background: none;
}
.entry{}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
padding: 9px 0 0;
}
.entry h1{
font-size: 20px;
line-height: 30px;
}
.entry h2{ line-height: 18px; }
.entry h3{ font-size: 14px; }
.entry h4{ font-size: 12px; }
.entry h5{ font-size: 11px; }
.entry h6{ font-size: 10px; }
.postinfo{
font-size: 11px;
color: #999;
}
.postinfo a{
color: #578cca;
}
.postdate{ color: #999999; }
.browse{
border-top: 1px solid #bdbdbd;
padding: 15px 16px;
line-height: 18px;
}
.sidebar, .obar{
margin: 0 0 0 0;
float: right;
width: 185px;
line-height: 15px;
}
.obar{
margin: 0 5px 0 0;
float: left;
}
.sidebar ul, .obar ul{
margin: 0;
padding: 0;
list-style: none;
}
.sidebar ul li, .obar ul li{
margin: 5px 0 0;
padding: 9px 10px 10px;
background: url(images/bg_ul_li.gif) no-repeat left top;
}
.sidebar ul li.widget_search, .obar ul li{
padding: 15px 16px;
}
.sidebar ul li h2, .obar ul li h2{
font-size: 16px;
font-weight: bold;
line-height: 27px;
color: #103d6c;
}
.sidebar ul ul li, .obar ul ul li{
margin: 0;
padding: 6px 0 3px;
background: none;
}
.sidebar ul ul ul, .obar ul ul ul{ padding: 3px 0 0; }
.sidebar ul ul ul li, .obar ul ul ul li{
padding: 6px 0px 3px 15px;
background: url(images/bg_arrow_right.gif) no-repeat 0px 8px;
}
.sidebar ul ul ul ul li, .obar ul ul ul li{
background: url(images/bg_arrow_right_2.gif) no-repeat 0px 8px;
}
Alles anzeigen
Die Besucher sind leider meist ie6-Nutzer, daher ist ein korrektes Erscheinungsbild auch im ie6 wichtig! Mir scheint auch, dass Änderungen in diesem Bereich des css nicht mehr umgesetzt werden - kann das sein?
Ich wäre um Ideen sehr dankbar!
Gruß,
Simone