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

HTML

#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.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

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 ...

Code

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;
}

Alles anzeigen

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...)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

css und ie6

Jetzt mitmachen!