crankybeardesign

Stupid code tags.

If anyone else is looking for info on how to solve this, I’ve fixed the stair-stepping by floating the <li> elements instead of the links themselves and by assigning a width to the <li> blocks.

I was also having a problem with the IE double-margin bug, which apparently isn’t supposed to affect IE7 in non-quirks mode but did for me. The solution was to add “display:inline-block” in the <ul> and <li> elements.

If anyone else is looking for info on how to solve this, I’ve fixed the stair-stepping by floating the

• elements instead of the links themselves and by assigning a width to the
• blocks.

  I was also having a problem with the IE double-margin bug, which apparently isn’t supposed to affect IE7 in non-quirks mode but did for me. The solution was to add “display:inline-block” in the

and
• elements.

Haha disregard that, I… well, you know the rest.

My bad, WP was defaulting to editing a secondary style sheet. You solved it for me!

Hi,

I appreciate your help–you gave me an answer before, if I recall.

I’ve changed/added overflow:hidden; to #sidebar, #column and several other possible culprits… but I get no change. Any other suggestions?

Thanks,
Max

That has solved the problem! Just deleting that query. I’m not exactly boss at php, so I had that in there based on a tutorial I once read.

I was seriously about to kick a puppy over this, so I can’t thank you enough. I owe you some cookies or something.

“theloop.php” is just where I keep my loop code.

Have you figured this out? I’m having a similar problem with my calendar page.

I thought that including the loop in a static page was supposed to show the contents of that page… not the posts…

Thanks again, guys. It’s good enough where it is now.

I moved #gap to begin right under the navbar, which masks the IE 7 padding issue. 479 was the magic number for IE6, and although things are still farther from the right than is perfect, no one will care except me.

Thanks, Steve. That was really helpful.

Thanks also to apljdi, as making my CSS/XHTML validate did fix another problem I was having: the ie conditional stylesheet wasn’t loading. It is now.

However, I’m still having issues with IE:

• IE 5.01: images show up fine, but there’s no text at all
• IE 5.5: the orange header and navigation images don’t show up, and the sidebar drops below the content.
• IE 6: the sidebar works now! But there’s still more padding on the right than on the left. Is this a simple pixel tweak (play around with that 475 number)?
• IE 7: the biggie! the background behind the blog content is shifted slightly to the right. You can see an image here. I have no idea what’s going on there.

Any further advice you can provide would be a huge help.

Cheers,
Max

Nevermind, I’ve got it. For any other poor bastard out there having a similar problem, here’s what happened.

I had added a styling div in the comments.php file. Since I don’t know php, I didn’t realize that closing the div at the bottom of the page only closed the div when one of the possible cases was true (i.e. there were comments). Adding close div tags to the other possible cases, as below, solved the issue:

<?php else : // this is displayed if there are no comments so far ?>

			<?php if ('open' == $post->comment_status) : ?>
			<!– If comments are open, but there are no comments. –>
			<p><b><?php comments_number('No comments yet', 'One comment', '% comments' );?> on “<?php the_title(); ?>”</b></p>
			</div>
			<?php else : // comments are closed ?>
			<!– If comments are closed. –>
			<p><b>Comments are not allowed on “<?php the_title(); ?>”</b></p>
			</div>
		<?php endif; ?>
		<?php endif; ?>

I was really tearing out my hair for about an hour there…