I went home yesterday to check how the blog looks on Firefox,and I was horrified at how the sidebars look. I worked on it for an hour, but had many other things on my checklist for the night, so they will just have to look like that for a while.
There is something in the automatic code for the lists that adds tags that it will take a while to sort out. Some things change the Explorer look, others the Firefox look, but nothing makes them both look the same. Yet.
Please bear with me.
Did that fix it now? I think I found the code in the widget plugin and edited an extra li /li out. Firefox users, speak up, or forever…bah, I’ll see it when I get home in 10 hours.
Still a lil off, particularly the middle sidebar, from Accolades down. Things that stand out, BAD and SOB cut off (width problem?), Site Meter icon blocks off top right of Joana image so I’m seeing “Joan” and half the a, “1-“, “HOR”, the top of Guide is where the Site Meter icon rests. (hope my zany explanations make sense :p).
First sidebar (left) the icons under Subcribe also look truncated by width, the feedburner logo is only hadl showing and the Subscribe button under that I can see the + and Subscribe but not the icon, Bookmark icon below it is the same.
From my personal limited experience with CSS I’d start by tweaking the column widths, or consider placing those Categories with Icons/Images in their own column adjusted to match their width maybe? Hope it helps!
Thanks, but this is really jacked up, then. The sitemeter is in the footer all the way over to the bottom left in IE. DANG! The columns go full-width, but everything that is h2 level and below, as in the links, are getting some funky treatment. There isn’t any padding on either the right or left side of any of those styles. Are the heading for the sidebars still showing on one line?
It’s freaking me out, but at least 45% of people still use IE for it to show correctly.
I’ll get it fixed, some day.
Headings on the sidebars look right to me ๐
For some reason, the display in Firefox has something to do with the lines that we all hate. I changed the color to match the background, and it stayed looking right.
.sidebar ul {margin: 0;
padding: 0;
list-style-type: none;
}
.sidebar ul ul {
margin: 1.0em 0 1.5em 0;
border-top: 1px solid #dee4da;
}
.sidebar ul ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid #dee4da;
}
.sidebar ul ul li a {
display: block;
margin: 0 0 0 -10px;
padding: 2px 10px 0 10px;
}
.sidebar ul ul li a:hover {
background-color: #f3f3f3;
}