I think I may have posted this in thw\e wrong place -0 I have it in WordPress and no on has been able to help. Pls help me guys !
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 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 very bad. 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.
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.
The code below belongs to the top nav. And I need to rename code to make it work - pls help!
Code:
#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;
}
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, including fixing other bugs on the page.
Thanks!