annaselegance

If I write

position: absolute;

into the class that surrounds the Google ads, then it looks right in IE, but terrible in the other three…

This is so weird… I tried it today on many of the computers at my work – the all have IE7 – and there was the margin. But now I’ve looked at it in IE7 at a friends place, and here it looks fine… Beats me why it shows up distorted on my work computers. Well, if it looks good on yours and it looks good here, then I assume that the code it ok, and it’s just their machines that’re acting crazy. Thank you for the feedback anyways!

I think I’m starting to understand, I’m not closer to a solution though. It looks like Shutter Reloaded reads from the body rule in my css stylesheet. It looks like this:

body {
width: 780px;
background: #FFFFFF url(images/bg.gif) top center repeat-y;
color: #333333;
font-size: 12px;
font-family: Georgia, Helvetica, Sans-Serif;
margin: 0px auto 0px;
padding: 0px;
}

In IE Shutter Reloaded is exactly 780 px wide.

But this is a part of my theme, I can’t just remove the “width: 780px;”, plus Firefox doesn’t mind it at all, so there has to be a way to make IE ignore it too.

By the way, I use WordPress 2.5.1

I end up answering all my posts myself :-)… Well, this time the answer was here: https://alexking.org/projects/wordpress/readme?project=wp-unformatted

By the way, I tried the Disable wpautop Plugin (https://urbangiraffe.com/plugins/disable-wpautop/) and that didn’t work. Plus I don’t wanna disable all autoformating, just the <p>’s around the more-tag.

Just to be clear, inside the WP admin write post panel, the last code I can see is:

[…]target=”_blank”>MacWorld.com
</div>
</div>
</div>

So it automatically adds the </img> and </br> after that.

Yep, here’s my entire index.php:

<?php get_header(); ?>
<div id=”content”>
<?php get_sidebar(); ?>
<div id=”contentmiddle”>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1>” rel=”bookmark”><?php the_title(); ?></h1>
<p>Filed Under <?php the_category(‘, ‘) ?> | <?php comments_popup_link(‘Leave a Comment’, ‘1 Comment’, ‘% Comments’); ?></p>
<?php ob_start(); the_content(‘Read more’);
$the_content_text = ob_get_contents();
ob_end_clean();
echo close_dangling_tags($the_content_text); ?>
<!–
<?php trackback_rdf(); ?>
–>

<?php endwhile; else: ?>

<p><?php _e(‘Sorry, no posts matched your criteria.’); ?></p><?php endif; ?>

<h1>Comments</h1>
<?php comments_template(); // Get wp-comments.php template ?>
</div>
</div>
<!– The main column ends –>
<?php get_footer(); ?>

Thanks ?? Now it works, but it’s not a pretty code. What I did was I just inserted a

</div>

in the top of my footer.php. So if I’m right it’s better to have one </div> to many, than one to few. All <div> need to be closed by the time the footer is loaded anyways. I looked at the validation page you provided, but I honestly don’t know how to fix any of the errors. I write all the posts in the post editor in the WPadmin panel, so all the html-tags that aren’t properly closed is not my doing, that’s the way the post editor translates my text into html automatically.

But thanks a lot ??

And by the way, all my php files contain the

<div id=”contentmiddle”>

I don’t get it, it’s doesn’t seem to me like I’m missing a DIV. Here’s my archive.php file (my theme has no category.php file):

<?php get_header(); ?>
<div id=”content”>
<?php get_sidebar(); ?>
<div id=”contentmiddle”>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1>” rel=”bookmark”><?php the_title(); ?></h1>
<p>Filed Under <?php the_category(‘, ‘) ?> | <?php comments_popup_link(‘Leave a Comment’, ‘1 Comment’, ‘% Comments’); ?></p>
<?php ob_start(); the_content(‘Read more’); $the_content_text = ob_get_contents(); ob_end_clean(); echo close_dangling_tags($the_content_text);?>
<!–
<?php trackback_rdf(); ?>
–>

<?php endwhile; else: ?>
<p><?php _e(‘Sorry, no posts matched your criteria.’); ?></p><?php endif; ?>
<?php posts_nav_link(‘ — ‘, __(‘« go back’), __(‘keep looking »’)); ?>
</div>
</div>
<!– The main column ends –>
<?php get_footer(); ?>

I solved it, but ain’t a lot of help around here… The solution was to move the

<?php get_sidebar(); ?>

up to the top in all the .php files and place it between content and contentmiddle. Like this:

<div id=”content”>

<?php get_sidebar(); ?>

<div id=”contentmiddle”>

Hmm, thought I had solved it, but it turned out to only be half the truth. At least now the more-tag doesn’t break the post layout and the text/picture margins, but what does happen, which is VERY odd, is that the sidebar is put into the #container when I insert a more-tag into the post. When there’s no more-tag, the sidebar is not covered by the #container. Why does this happen?

I found the answer, here it is: https://www.ads-software.com/support/topic/173144?replies=1

I just deleted the more-tag so you can see it looks pretty decent without it, still no solution though…

PS: Don’t mind the colors, their just for testing purposes.

Thanks, I’ve tried to put together a test code in css float, but somehow “more” still messes up the layout.

I put this into my style.css:

#container
{
width: 90%;
margin: 0px auto;
background-color: #ff0000;
color: #00ffff;
border: 1px solid gray;
}

#rightnav
{
float: right;
width: 150px;
margin: 0;
padding: 8px;
}

#articlecontent
{
margin-right: 160px;
}

And this code into the post called test code:

<div id=”container”>
<div id=”rightnav”>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
</p>
</div>
<div id=”articlecontent”>
<h2>Subheading</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy ni…ate velit esse molestie consequat, <!–more–>vel illum dolore eu feugiat nulla facilisis…
</p>
<p>
Ut wisi enim ad minim veniam,…
</p>
</div>
</div>

Any ideas?