IE 6 verschiebt Sidebar nach unten

AVA

Hallo Leute,

Ich habe folgende Problem:

In allen Browsern wird mein Blog richtig angezeigt nur in IE 6 nicht, der Browser verchiebt die Navi Leiste einfach nahc unten.

ICh hab mich shcon ein bisschen in Forum umgesehen und herausgefunden, dass dieseetwas mit der Unfähigkeit von IE 6 CSS richtig zu lesen zu tun hat, nur leider weis ich nicht wie ich mein CSS richtig anpasse, könnte mir da vll jemand helfen?

vielen dank!

Code

#sidebar {
    color: #7a9499;
    float: right;
    font-size: 11px;
    margin: 0;
    padding: 0px 50px 0px 25px;
    text-align: left;
    width: 170px;}
    
    #sidebar a {background: none; color: #00404d;}


    #sidebar a:hover {background: none; color: #0095b3;}


/* ---------------------------------------------------------------------------------- */


h1 {
    letter-spacing: 1px;
    background: none;
    color: #1f5a66;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;}
    
    h1 a {text-decoration: none;}


h2 {
    border-bottom: 1px solid #cad7d9;
    letter-spacing: 1px;
    color: #1f5a66;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;    
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    text-decoration: none;}


    h2 a {text-decoration: none;}


h3 {
    background: inherit;
    font-weight: normal;
    color: #1f5a66;
    font-size: 12px;
    margin: 16px 0px 4px 0px;
    padding: 0px 0px 0px 0px;}


#sidebar h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: 4px solid #cad7d9;
    background: none;
    color: #4d7780;
    font-size: 14px;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 16px 0px 3px 0px;
    padding: 0px 0px 3px 0px;}


#sidebar h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: 4px solid #cad7d9;
    background: none;
    color: #4d7780;
    font-size: 14px;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 30px 0px 3px 0px;
    padding: 0px 0px 3px 0px;}


#sidebar h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: 4px solid #cad7d9;
    background: none;
    color: #4d7780;
    font-size: 14px;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 27px 0px 3px 0px;
    padding: 0px 0px 3px 0px;}


#sidebar h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: 1px solid #cad7d9;
    background: none;
    color: #4d7780;
    font-size: 14px;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 30px 0px 3px 0px;
    padding: 0px 0px 3px 0px;}




h6 {
    border-bottom: 4px solid #cad7d9;
    letter-spacing: 1px;
    color: #1f5a66;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;    
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    text-decoration: none;}


    h6 a {text-decoration: none;}




#content h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: 1px solid #cad7d9;
    background: none;
    color: #006a80;
    font-size: 14px;
    font-variant: normal;
    font-weight: bold;
    margin: 25px 0px 7px 0px;
    padding: 0px 0px 2px 0px;}


#content h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: 1px solid #cad7d9;
    background: none;
    color: #006a80;
    font-size: 14px;
    font-variant: normal;
    font-weight: bold;
    margin: 12px 0px 10px 0px;
    padding: 0px 0px 0px 0px;}


/* ---------------------------------------------------------------------------------- */


.date {
    background: none;
    border-bottom: 1px solid #cad7d9;
    color: #86abb3; 
    font: 10px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 4px 0px;}


.date_x {
    background: none;
    border-bottom: 1px solid #cad7d9;
    color: #86abb3; 
    font: 10px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    margin: 2px 0px 0px 70px;
    padding: 0px 0px 4px 0px;}


.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: 4px solid #cad7d9;
    background: none;
    color: #4d7780;
    font-size: 14px;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 16px 0px 3px 0px;
    padding: 0px 0px 3px 0px;}


.archivtitle {
    font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 
    'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
    color: #1f5a66; 
    font-size: 14px;
    font-variant: normal;
    padding: 0px 0px 3px 0px;
    margin: 10px 0px 40px 70px; 
    letter-spacing: 0.09em;
    background: none;}


.tagtitle {
    border-bottom: 4px solid #cad7d9;
    letter-spacing: 0.09em;
    color: #1f5a66;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;    
    margin: 20px 0px 40px 70px;
    padding: 0px 0px 5px 0px;
    text-decoration: none;}


/* ---------------------------------------------------------------------------------- */


.description {
    text-align: center;
    font-size: 12px; 
    font-variant: small-caps; 
    color: #b1c5c4;
    padding: 5px 0px 0px 0px;
    letter-spacing: 1px;}


blockquote {
    clear: left;
    border-left: 4px solid #cad6d9;
    color: #9dafb3;
    text-align: justify;
    padding: 0px 0px 0px 25px;
    margin: 20px 40px 16px 25px;}


#email, #author, #url {
    background: #ffffff;
    border: 1px solid #cad6d9;
    color: #1f5a66;
    font-size: 11px;
    padding-left: 2px;
    vertical-align: middle;}


/* ---------------------------------------------------------------------------------- */


#content img {
    border: 1px solid #cccccc;
    padding: 4px;
    max-width: 100%;
    display: inline;}


#archiv img {
    border: 1px solid #cccccc;
    padding: 4px;
    max-width: 100%;
    display: inline;}




.entry img {
    margin: 6px 10px 0px 0px;
    display: inline;}


.entry_x img {
    margin: 6px 10px 0px 0px;
    display: inline;}




.entry .right img {
    float: right;
    margin: 6px 0px 0px 10px;
    display: inline;}


.entry_x .right img {
    float: right;
    margin: 6px 0px 0px 10px;
    display: inline;}




#sidebar img {
    vertical-align: text-bottom;
    border: none;
    padding: 0px;
    margin: 0px;}




#content .wp-smiley {
    background: transparent;
    border: none; 
    float: none;
    padding: 0;
    margin: 0;}




#archiv .wp-smiley {
    background: transparent;
    border: none; 
    float: none;
    padding: 0;
    margin: 0;}


/* ---------------------------------------------------------------------------------- */


.entry ol {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 12px 40px;
    list-style-type: square;
    background: none;
    color: #9dafb3;}


.entry ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 12px 40px;
    list-style-type: disc;
    background: none;
    color: #9dafb3;}


.entry ol li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 12px;
    list-style-type: decimal;
    background: none;
    color: #9dafb3;}


.entry ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 12px;
    list-style-type: circle;
    background: none;
    color: #9dafb3;}




.entry_x ol {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 12px 40px;
    list-style-type: square;
    background: none;
    color: #9dafb3;}


.entry_x ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 12px 40px;
    list-style-type: disc;
    background: none;
    color: #9dafb3;}


.entry_x ol li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 12px;
    list-style-type: decimal;
    background: none;
    color: #9dafb3;}


.entry_x ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 12px;
    list-style-type: circle;
    background: none;
    color: #9dafb3;}


/* ---------------------------------------------------------------------------------- */


#sidebar ul ul li {
    color: #86abb3;
    line-height: 1.5em;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom: 1px dotted #cad6d9;}


#sidebar ul ul ul li {
    list-style-type: square;
    margin-left: 15px;
    border: none;
    color: #86abb3;}




#sidebar ul {
    color: #86abb3;
    background: none;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}




#sidebar ul li.categories {border: none;}




#sidebar ul li ul li ul.children {
    border-bottom: none;
    background: none;}

Alles anzeigen

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

Keiran

Solch ein Problem habe ich vor einiger Zeit (dank Tipps und Hilfe aus dem Forum :) ) für mich gelöst, indem ich die Sidebar verkürzt hatte.

In Firefox war alles richtig dargestellt - aber irgendwie passte die SB nicht im IE Fenster, so dass die auch nach unten verschoben wurde.

Der interessante Teil zum probieren für dich wäre damit:

Code

width: 170px;}

AVA

hm ist bei mri nicht schon

width 170
?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

IE 6 verschiebt Sidebar nach unten

Jetzt mitmachen!