Pls help the theme work in ie6

CMS & WordPress
1

Hi

I am trying to make the following WP theme work in ie6.

My life is a garden | Planting seeds and pulling weeds

Although I am working on a WordPress theme, I have a css issue. All the backed wp stuff is fine and I am ok with that.

Pleas note this is my personal blog - I have created a couple of dummy pages to replicate the error. Thee is real content there somewhere ! But they are blog posts and are not set to display in this theme- if you can find them they make a good read - or come back later when I would have restored my site.

I have the site point CSS Anthology book next to me and I am doing a lynda.com css video tutorial between typing this - I have had enough of css getting the better of me!

I need to get this theme working in ie6 for a project (as in it has to work with ie6)

FYI I am using a child theme to update my wp site - and this theme (from woo themes) comes with a nice little conditional statement for ie6. Woo support don’t help with more technical stuff, they point you to their woo workers. But I want to learn for myself.

If you load it in ie6 you will see the top nav is wonky as. But the bottom nav is ok

Basically I want to style the top nav so it looks the same as the bottom nav (as I can see it works in ie6 for the bottom nav, so I want to to make it work for the top nav, when i tloads in ie6).

Please note all the infrastructure for the ie6 conditional statement is fine- I am building my wp site with a child theme and it calls the conditional style sheet.

Here is the code that I can find that affects it.
PasteBin - Paste your code here.

and listed here (sorry if this is not the correct way to place code in post)

CSS Code:


#footer {
    background: url("default/footertop.jpg") repeat-x scroll left top #23262A;
    color: #FFFFFF;
}
default.css (line 228)
#footer {
    margin: 0 auto 40px;
    width: 980px;
}
 
#footer .footnav {
    float: left;
    width: 660px;
 
#footer .footnav ul li a:link, #footer .footnav ul li a:visited {
    color: #FFFFFF;
}
 
#footer .footnav ul li a:link, #footer .footnav ul li a:visited {
    font-weight: bold;
}

So I don’t know how to rename and repply the styles to the top NAv

PasteBin - Paste your code here.

CSS Code:


#footer {
        background: url("default/footertop.jpg") repeat-x scroll left top #23262A;
        color: #FFFFFF;
    }
    default.css (line 228)
    #footer {
        margin: 0 auto 40px;
        width: 980px;
    }
     
    #footer .footnav {
        float: left;
        width: 660px;
     
    #footer .footnav ul li a:link, #footer .footnav ul li a:visited {
        color: #FFFFFF;
    }
     
    #footer .footnav ul li a:link, #footer .footnav ul li a:visited {
        font-weight: bold;
    }

That’s part one of my issues. But If you can help me understand that I would be very grateful. I have been having a crack at it. Any and all advice is most welcome, inlcluding fixing other bugs on the page. I need to get it working in ie6 for the the project unfortunately, so I can;t just say ‘unsupported’. Plus I want to learn!

Thanks!

2 

#pagenav {
    float: left;
    padding: 0 10px;
    position: relative;
    z-index: 100;
}
#pagenav li {
    float: left;
    line-height: 35px;
    margin: 0;
    padding: 0 9px 0 5px;
}
#pagenav li a:link, #pagenav li a:visited {
    display: block;
    padding: 0 8px;
    position: relative;
    text-decoration: none;
    z-index: 100;
}

It does not need to have any fancy code on the top like hover effects etc.

3

bump