IE 7 margin issue

  • Resolved jhkb

    (@jhkb)


    14 years, 7 months ago

    Sorry to add to the reams of IE 7 problems here, this one has had me puzzled for a few too many hours.

    The next and back buttons should be directly below the text to the right of the image like this:

    https://karenedwardsceramics.co.uk/wp/sculptures/stemtrio

    However, the few pages that have an excerpt image, IE7 is shifting the navigation too far right, like this:

    https://karenedwardsceramics.co.uk/wp/sculptures/8ribpod

    Obviously must be something to do with the excerpt styling but I can’t for the life of me get it to straighten out. Any advice at all would be greatly appreciated.

    Thanks so much,

    Jess

    (Just as an aside has anyone had trouble with slow loading speeds with the host iPage? There are times this site can take a good 5-10 seconds to load, wondering if it’s them or me..)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter jhkb

    (@jhkb)

    Anyone?

    You’re missing a few closing tags; those might be it: [Invalid]Markup Validation of karenedwardsceramics.co.uk wp sculptures 8ribpod – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

    Thread Starter jhkb

    (@jhkb)

    Thanks for your reply! This may be a naiive question, but doesn’t wordpress generate the HTML in that report? I’ve checked my template (which is the old kubrick default) and everything seems in place:

    <?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */

get_header();
?>

	<div id="content" class="narrowcolumn" role="main">

  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

		<div class="post" id="post-<?php the_ID(); ?>">
			<h2><a href="<?php echo get_permalink($post->post_parent); ?>" rev="attachment"><?php echo get_the_title($post->post_parent); ?></a>: <?php the_title(); ?></h2>
			<div class="entry">
				<a href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a>

				<?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>

<div id="next" class="navigation">
			<div class="alignleft"><?php previous_image_link( false, 'Back' ); ?></div>
					<div class="alignright"><?php next_image_link( false, 'Next' ); ?></div>
				</div>                              

<div id="excerpt" class="alignleft"><?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the "caption" ?></div>

			</div>

		</div>

	<?php endwhile; else: ?>

<?php endif; ?>

	</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
    Thread Starter jhkb

    (@jhkb)

    Oops, all fixed, turns out it was the absolute positioning on the navigation div – so simple and yet so cross-eyed. Finally I can sleep.

    Thanks for the help songdogtech!

    That’s good. Sometimes it is code errors shown by the valdition report, sometimes not.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘IE 7 margin issue’ is closed to new replies.