anemo

What about moving #sidebar inside the #pagecontainer DIV and setting the latters width to 960px again?

You can add special css for only IE by adding this code in your header:

<!--[if lte IE 7]>
<link type="text/css" href="<?php bloginfo( 'template_url' ) ?>/styles/ie.css">
<![endif]-->

This will only apply the css from your-template-directory/styles/ie.css for IE 7 or lower.

Read more about it here.

Hope this helps! I also dislike (understatement) IE ??

Ah, I need to try that out! Right now I’m experimenting with “retro-adding” unique DIV id:s and links by using jQuery:

<div class="ui-tabs">
<ul>
<li><a>This is the link</a></li>
<li><a>This is the link</a></li>
<li><a>This is the link</a></li>
</ul>
<div class="tabcontent">This is the content</div>
<div class="tabcontent">This is the content</div>
<div class="tabcontent">This is the content</div>

</div>

<script type="text/javascript">
jQuery('.ui-tabs ul li a').attr('href', function() {
	return '#tab-' + jQuery(this).index();
});
</script>

<script type="text/javascript">
jQuery('.ui-tabs div.tabcontent').attr('id', function() {
  return 'tab-' + jQuery(this).index();
});
</script>

It works for setting the ID of the DIV:s but I haven’t managed to get the unique link (href=”#-number“) to work yet for some strange reason.

EDIT: updated the code

Hmmmm….

#pagecontainer seems to have the same width (960px) as the wrapper. This seems odd since it’s supposed to float left of sidebar which is another 230px (including left margin). It’s like trying to fit an elephant inside a phone booth ??

Try to limit the total width (including margin and padding) of #pagecontainer to 730px or less and see what happens. Maybe it’s a better idea to place #sidebar inside the #pagecontainer div too?

I often add a border around my divs when debugging to check their width and placement (Observe that a 1px border will ADD 2px to the divs width so subtract 2 pixels to get proper widths). Then I try to disable (display: none;) different objects just to see how it affects the layout.

It’s too bad that the Firebug plugin (for Firefox) isn’t available for IE ??

Inga problem! ??

I wonder if it has something to do with #header. How about adding display: none; to #header just to rule this out?

Hi!

I took a quick look at your site and I think that this would help a bit for the menu:

Add height:31px; and get rid of padding-bottom:19px; for #meny ul ul li. Different browsers will render the text a little bit different and the total height can probably differ a bit (and create white spaces in your case). The white spaces are visible in Firefox (Mac) too right now.

I can’t tell right now why the layout is messed up. Debugging IE-related errors is kind of a pain in the butt ??

/A swede to another ??

Hi!

Are you using this css-class: .wp-table-reloaded th?

I’m using wp-table-reloaded here and I have another style for the table header. Have a look! ??

Sorry, I messed up and wrote ASC instead of DESC. Use DESC instead to reverse the order of the posts:

Line 71:

$query_post .=	" AND $wpdb->posts.post_type = 'post' ORDER BY menu_order DESC ";

Line 76:

$query_post .= " ORDER BY menu_order DESC " ;}