Please help with Sidebar weirdness

Well, I don’t know what did you do to that theme… but it looks quite screwed up in FF: the header and the rest of the page (content) don’t align, almost every text is displaced.

what browser are you using? I’m looking at it in Firefox and IE and it’s lined up fine…???

oh, FF=Firefox, I=moron…i get it.

So why would it look right on yours, but not on mine? That seems weird…

It looks like a matter of CSS….

You haven’t formatted the
li tag which you are using in the sidebar. And by default, I believe li has bullets ??

Alright…so I’ve just looked at it on my wife’s laptop and it’s all out of whack, but on my laptop and desktop it looks perfect(ish). Please help. I’m at a loss and I really need to get this thing fixed up. Thanks in advance…

Read my answer. . . . .

ul.linklog li {
list-style: url(bullet.jpg);
}

or

#sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

Looks like it’s the cause.

Is it possible you’re viewing a local copy from your machine where you’re building the site instead of strictly off the ‘Net? When I peaked at it in both IE and FF it is severely misaligned. Hope this helps.

Chelsea – I looked and the other two lists, “Paper Editions” and “Daily Reads” are coded exactly the same. In fact, I copied the code from one of those and changed it to give the catagories.

Another question I’d like to ask you is if the layout was screwed up on yours…

Another another question is what’s causing the alignment problem? I’m running out of hair to pull out…how did I manage to screw this up so badly?

Hmm… the layout looks fine to me and I’m using FF with a 1680×1050 resolution. There IS a third bullet that is larger than the other two and black in color near the top header that displays in FF but not in Internet Explorer. As far as I’m concerned, it displays great in Internet Explorer (but you should go for Firefox ?? )

I think that it’s a CSS issue or some kind of background image. I’ve been looking through your source css … it’s very organized, by the way !

Thanks…organization isn’t a strongsuit for me anywhere other than the web. ??

The bullet.jpg thing is actually a bullet with an arrow that isn’t currently used anywhere. As far as the second snippet of code you sent, I think I’m missing the relevance. Do you think the indent or spacing is causing the issue?

Okay…I’ve cheated. I did a bit of a manual override of the list function by going
<?php wp_list_cats('list=0');?>

and that got rid of the bullets in front of each category. However, I have a few remaining issues:

1.) In FF there’s still a large black bullet rendering toward the top of the sidebar.

2.) In IE there’s no bullet, but the header is off by just a couple of pixels.

3.) For some viewers the site is completely out of whack.

Any suggestions or ideas on these? Thanks!

Fisrt of all, you have a too wide header image: it’s 1024px wide, but in reality even screens of that resolution aren’t exactly that wide (think scrollbar etc.) – so that is causing a “nice” little horizontal scrollbar AND also makes the bg image not be aligned with the header.
Resizing it to smaller resolution, just gets worse and worse…

Okay, I see what you’re talking about now. And that makes sense, as my wife’s laptop is 1024×768. So that’s pretty simple to fix…

What about the black dot? Any ideas on that?

I had the same issue with the black dots, have you tried the code in Chelsea’s post?

I had the same issue with bullets myself, but all I had to do was add <ul> and </ul> in the code on my sidebar.php file. Try adding it to yours – put the <ul> just under your <div id>, and the closing tag at the end of that section, see what happens.