Content disappears in IE7, need help…

  • Resolved Spencer Hill

    (@ws5f3dj7)


    15 years, 7 months ago

    Heya – when you mouseover the left navigation in IE7 on this page, the content disappears. Sometimes this happens (like on the Founder page) without even doing anything. I’m really stumped by this one. Here is my code. Thanks!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="https://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/dropdown.css" type="text/css" media="screen" />

	<script src="<?php bloginfo('template_directory'); ?>/scripts/css_browser_selector.js" type="text/javascript"></script>
	<?php wp_head(); ?>

</head>

<body>
<div class="image-preloader-1"></div>
<div class="image-preloader-2"></div>
<div class="image-preloader-3"></div>
<div class="image-preloader-4"></div>
<div class="image-preloader-5"></div>
<div class="image-preloader-6"></div>
<div class="image-preloader-7"></div>
<div class="image-preloader-8"></div>
<div class="image-preloader-9"></div>

<table class="wrapper">
	<tr><td colspan="3"><img height="32px" width="1005px" src="<?php bloginfo('template_directory'); ?>/images/row-1-top-border.jpg" alt="Top border" /></td></tr>
	<tr>
		<td class="wrapper-left-border"></td>
		<td>
			<div class="row-1">
				<a href="/" class="row-1-logo"><img height="77px" width="191px" src="<?php bloginfo('template_directory'); ?>/images/logo.jpg" alt="Logo" title="Logo" /></a>

				<div class="row-1-contact-link">
					<img height="13px" width="13px" src="<?php bloginfo('template_directory'); ?>/images/row-1-arrow-graphic.jpg" alt="Contact" title="Contact" /> <a href="contact">Contact</a>
				</div>

				<div class="row-1-navigation">
				<ul><?php
						if($post->post_parent)
							$children = wp_list_pages('include=2,3,4,21,27,47,53,96&title_li=&child_of='.$post->post_parent.'&echo=0'); else
							$children = wp_list_pages('include=2,3,4,21,27,47,53,96&title_li=&child_of='.$post->ID.'&echo=0');
						if ($children) { ?>
							<li>
								<h2><?php $parent_title = get_the_title($post->post_parent); echo $parent_title; ?></h2>
							<ul>
								<?php echo $children; ?>
							</ul>
							</li>
					<?php } ?>
				</ul>
				</div>
			</div>
			<div class="row-2">

			<?php $pageURL = $_SERVER['REQUEST_URI']; ?>

			<?php if($pageURL != '/') { ?>
				<div class="row-2-col-1">
					<?php $key="row-2-col-1-page-graphic"; echo get_post_meta($post->ID, $key, true); ?><!-- This enables use for the additional fields option when creating a WordPress page or post. -->

					<br />

					<!-- This lists the navigation for all "Pages" within the account -->
					<?php
						if($post->post_parent)
							$children = wp_list_pages('exclude=2,3,4,17,88,90&exclude_tree=2,3,4&title_li=&child_of='.$post->post_parent.'&echo=0'); else
							$children = wp_list_pages('exclude=2,3,4,17,88,90&exclude_tree=2,3,4&title_li=&child_of='.$post->ID.'&echo=0');
						if ($children) { ?>
							<ul>
							<li>
								<h2><?php $parent_title = get_the_title($post->post_parent); echo $parent_title; ?></h2>
							<ul>
								<?php echo $children; ?>
							</ul>
							</li>
							</ul>
					<?php } ?>
				</div>
				<?php } ?>

				<div class="row-2-col-2">
					<?php
					if ($pageURL == '/') { ?>
						<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="965" height="442" id="movie" style="margin-left: -25px;">
							<param name="movie" value="<?php bloginfo('template_directory'); ?>/slideshow.swf" />
							<param name="wmode" value="transparent" />
							<embed name="movie" src="<?php bloginfo('template_directory'); ?>/slideshow.swf" type="application/x-shockwave-flash" plug="" inspage="https://www.macromedia.com/go/getflashplayer" height="442" wmode="transparent" width="965" />
						</object>

					<?php
					} else {
						if (have_posts()) :
							while (have_posts()) : the_post();
								the_content('Read the rest of this entry &raquo;');
							endwhile;
						endif;
					}
					?>
				</div>
			</div>
			<div class="row-3">
				<ul><?php wp_list_pages('include=2,3,4,17,88,90&depth=1&title_li='); ?></ul>
				<p>&copy; 2009 Coaching Counsel. All rights reserved. <a href="https://michaelpatrickpartners.com/" target="_blank">Website by Michael Patrick Partners</a></p>
			</div>
		</td>
		<td class="wrapper-right-border"></td>
	</tr>
	<tr><td colspan="3"><img height="32px" width="1005px" src="<?php bloginfo('template_directory'); ?>/images/row-1-bottom-border.jpg" alt="Bottom border" /></td></tr>
</table>

</body>
</html>
Viewing 2 replies - 1 through 2 (of 2 total)

  • Please don’t post huge chunks of code here. For larger blocks of code, use the WordPress pastebin. It makes life easier for everyone.

    You have some validation errors on the Founders page that could be causing problems. You’ve also appear to be missing a CSS file.

    However the main problem appears to be the float:left on .row-2 in style.css. Delete that (doesn’t seem to be serving any obvious purpose) and you should find that your content magically reappears.

    Thread Starter Spencer Hill

    (@ws5f3dj7)

    Oh my bad – thanks I’ll be sure to post bigger blocks there.

    You were right about the row-2 – how did you know that was the issue? I wouldn’t have ever known that and I’ve been programming table-less layouts for years…

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Content disappears in IE7, need help…’ is closed to new replies.