css und ie6

[Nicole C.]

Hallo Zusammen,

sowohl als Nutzer von WP als auch hier im Forum bin ich neu. Mich plagt daher gerade ein erhebliches Problem, was vielleicht banal sein mag, mit einem Design und ich find die Lösung einfach nicht ...

Die Plazierung der Sidebar über

#sidebar  {   
    width: 250px;        /* Breite der linken Navigation  */
         right: 250px;
         margin-left: -100%;
         border-top: 2px solid #f8faf5;
         background: url(/wp-content/themes/studio/images/fm-  background.jpg) repeat-y;

sieht im ff und im ie7 aus wie es soll - der ie 6 verschiebt die sidebar über den content.
Kann mir da jemand eine Hilfe geben (reichen diese Angaben dafür?).

Vielen Dank schon mal

Nicole.

[Nicole C.]

vielleicht waren meine Angaben nicht ausreichend?

Daher noch mal mehr vom Code - wie gesagt: Sidebar nur im ie6 nicht richtig plaziert, sondern nach rechts verschoben über dem Content ...

body {
 font-size: 84%; /* Resets 1em to 10px */
 font-family: Verdana, sans-serif;
 margin: 0; 
 padding: 0;
 line-height: 150%; 
 min-width: 1000px;
 color: black; 
        background-color: #e2e4df;
 }
#rf {padding: 0; margin: 0px 0px -200px 590px ;  color: rgb(40, 40, 40); white-space:nowrap; }
 
a { text-decoration: none; }
a img { border: none; }
 
hr { clear: both; visibility: hidden; }
#content { 
        border-left: 11px solid #e2e4df;
        border-right: 11px solid #e2e4df;
 width: 830px; 
 margin-left: auto;
 margin-right: auto; 
 padding-left:  250px;  /* Breite der rechten Spalten */
 overflow: hidden;
 position: relative; 
 
}
#content .column { 
 position: relative; float: left; 
 padding-bottom: 1000px;
   margin-bottom: -1000px; 
        background-color: #f8faf5;
 
} 
#main { 
 width: 100%; 
}
#menu
{
 position: relative;
 background: url(images/menubg.gif) repeat-x;
 height: 180px;
 margin-bottom: 60px;
 
}
#sidebar  {   
 width: 250px;        /* Breite der linken Navigation  */
         right: 250px;
         margin-left: -100%;
         border-top: 2px solid #f8faf5;
         background: url(/wp-content/themes/studio/images/fm-background.jpg) repeat-y;
 
}
#footerwrapper { 
 background: gainsboro;
 color: rgb(60,60,60);
 clear: both;
 position: relative; 
 width: 100%; margin-left: auto; margin-right: auto; text-align: center;
}
 
#mainHeader { margin-left: 10px; height: 180px;  }
#mainHeader div {float: left;  width: 160px; height: 220px; margin-right: 4px; }
 
#mainHeader div img { margin-bottom: 9px; border: 2px solid #f8faf5; }
#mainHeader div a { color: #646764; font-size: 0,8em; font-family: Verdana, sans-serif; letter-spacing: 0px; }
#mainHeader div a:hover {color: rgb(40,40,40); }
h2.pagetitle { font-size: 1.2em; rgb(100,100,100); }
.post {clear: both; margin: 2% 5% 3% 4% ; width: 80%;  padding: 0% 5% 6% 5% ; background: #f8faf5; color: rgb(105, 105, 105); border-bottom: 1px solid #646764; border-top: 1px solid #646764; 
background: url(/wp-content/themes/studio/images/HM-1.gif) no-repeat;  background-position:top right;
}

Falls jemand eine Idee hat, würde ich mich freuen

Viele Grüße

Nicole.

[marX]

Ein Link zum Problemblog oder einem Testcase wo man sich das problem anschauen kann wäre hilfreich.

(margin-left: -100% sieht mir allerdings komisch aus...)