Support » Fixing WordPress » Website Works in everything But IE

  • Resolved CameronFrittz

    (@cameronfrittz)


    Ive been working with wordpress for a long while and never ran into any problem like this. Im working on

    It works fine in Chrome, Firefox, and Safari…. but does terrible in IE. The Flash header goes away and the meta data of the post on the side comes back up. PLEASE HELP. Im desperate.

Viewing 15 replies - 1 through 15 (of 31 total)
  • serendipityescape.com is the website im working on.

    Story of my life. Particularly when it comes to IE6.

    First step is usually to get the site validating. Your site currently doesn’t.

    Sorry for not being more helpful. Good luck,
    Andy

    So what do I do from there?

    This is a pretty urgent problem and im at wits end. If anyone could please help it would be greatly appreciated.

    Hi Cameron,
    Moving your flash code out of the header and into the body fixes it.
    So:

    ...</head>
    <body class="home blog first-page">
    <center><object type="application/x-shockwave-flash" data="...

    Regards,
    Andy

    Here’s an example.

    Don’t know how this will fit with your theme. You might be able to simply move the flash code down a bit in your header.php. Or you might have to remove it from header.php and put it into other files.

    If you need help with this, please post some of your theme code here, starting with header.php

    Regards,
    Andy

    Hmmm… How would I move it to the body but still have it at the top of the page?

    here is the code for the header

    <center><?php include (ABSPATH.'wp-content/flashfader/flashfaderhtml.txt'); ?> </center>

    Heres my header.php

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes() ?>>
    <head profile="http://gmpg.org/xfn/11">
    <center><?php include (ABSPATH.'wp-content/flashfader/flashfaderhtml.txt'); ?> </center>
    	<title><?php wp_title( '-', true, 'right' ); echo wp_specialchars( get_bloginfo('name'), 1 ) ?></title>
    	<meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
    	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory') ?>/css/erudite.css" />
    	<!--[if lte IE 6]> <link rel="stylesheet" href="<?php bloginfo('template_directory') ?>/css/ie6.css" type="text/css">
    	<style type="text/css" media="screen">
    		.hr {behavior: url(<?php bloginfo('template_directory') ?>/library/iepngfix.htc); }
    	</style> <![endif]-->
    	<!--[if lte IE 7 ]> <link rel="stylesheet" href="<?php bloginfo('template_directory') ?>/css/ie7.css" type="text/css"> <![endif]-->
    	<!--[if gte IE 8 ]> <link rel="stylesheet" href="<?php bloginfo('template_directory') ?>/css/ie8.css" type="text/css"> <![endif]-->
    	<script type="text/javascript">
    // <![CDATA[
    		var erdt = {
    			More: '<?php _e("<span>↓</span> Keep Reading", "erudite" ) ?>',
    			Less: '<?php _e("<span>↑</span> Put Away", "erudite" ) ?>',
    			Info: '<?php _e("↓ Further Information", "erudite" ) ?>',
    			MenuShow: '<?php _e("<span>↓</span> Show Menu", "erudite" ) ?>',
    			MenuHide: '<?php _e("<span>↑</span> Hide Menu", "erudite" ) ?>',
    			DisableKeepReading: <?php the_theme_option("erdt_keepreading_disable") ?>,
    			DisableHide: <?php the_theme_option("erdt_hide_disable") ?>
    		};
    // ]]>
    
    	</script>
    <?php	if (is_singular() ) { wp_enqueue_script('comment-reply'); } ?>
    <?php wp_head() // For plugins ?>
    	<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url') ?>" title="<?php printf( __( '%s latest posts', 'erudite' ), wp_specialchars( get_bloginfo('name'), 1 ) ) ?>" />
    	<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php printf( __( '%s latest comments', 'erudite' ), wp_specialchars( get_bloginfo('name'), 1 ) ) ?>" />
    	<link rel="pingback" href="<?php bloginfo('pingback_url') ?>" />
    </head>
    <body <?php body_class() ?>>
    
    <div id="wrapper" class="hfeed">
    
    	<div id="header-wrap">
    		<div id="header" role="banner">
    			<h1 id="blog-title"><span><a href="<?php bloginfo('home') ?>/" title="<?php echo wp_specialchars( get_bloginfo('name'), 1 ) ?>" rel="home"><?php bloginfo('name') ?></a></span></h1>
    			<div id="blog-description"><?php bloginfo('description') ?></div>
    		</div><!--  #header -->
    
    		<div id="access" role="navigation">
    			<div class="skip-link"><a href="#content" title="<?php _e( 'Skip to content', 'erudite' ) ?>"><?php _e( 'Skip to content', 'erudite' ) ?></a></div>
    			<?php sandbox_globalnav() ?>
    		</div><!-- #access -->
    
    	</div><!--  #header-wrap -->

    header.php becomes:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes() ?>>
    <head profile="http://gmpg.org/xfn/11">
    	<title><?php wp_title( '-', true, 'right' ); echo wp_specialchars( get_bloginfo('name'), 1 ) ?></title>
    	<meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
    	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory') ?>/css/erudite.css" />
    	<!--[if lte IE 6]> <link rel="stylesheet" href="<?php bloginfo('template_directory') ?>/css/ie6.css" type="text/css">
    	<style type="text/css" media="screen">
    		.hr {behavior: url(<?php bloginfo('template_directory') ?>/library/iepngfix.htc); }
    	</style> <![endif]-->
    	<!--[if lte IE 7 ]> <link rel="stylesheet" href="<?php bloginfo('template_directory') ?>/css/ie7.css" type="text/css"> <![endif]-->
    	<!--[if gte IE 8 ]> <link rel="stylesheet" href="<?php bloginfo('template_directory') ?>/css/ie8.css" type="text/css"> <![endif]-->
    	<script type="text/javascript">
    // <![CDATA[
    		var erdt = {
    			More: '<?php _e("<span>↓</span> Keep Reading", "erudite" ) ?>',
    			Less: '<?php _e("<span>↑</span> Put Away", "erudite" ) ?>',
    			Info: '<?php _e("↓ Further Information", "erudite" ) ?>',
    			MenuShow: '<?php _e("<span>↓</span> Show Menu", "erudite" ) ?>',
    			MenuHide: '<?php _e("<span>↑</span> Hide Menu", "erudite" ) ?>',
    			DisableKeepReading: <?php the_theme_option("erdt_keepreading_disable") ?>,
    			DisableHide: <?php the_theme_option("erdt_hide_disable") ?>
    		};
    // ]]>
    
    	</script>
    <?php	if (is_singular() ) { wp_enqueue_script('comment-reply'); } ?>
    <?php wp_head() // For plugins ?>
    	<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url') ?>" title="<?php printf( __( '%s latest posts', 'erudite' ), wp_specialchars( get_bloginfo('name'), 1 ) ) ?>" />
    	<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php printf( __( '%s latest comments', 'erudite' ), wp_specialchars( get_bloginfo('name'), 1 ) ) ?>" />
    	<link rel="pingback" href="<?php bloginfo('pingback_url') ?>" />
    </head>
    <body <?php body_class() ?>>
    <center><?php include (ABSPATH.'wp-content/flashfader/flashfaderhtml.txt'); ?> </center>
    
    <div id="wrapper" class="hfeed">
    
    	<div id="header-wrap">
    		<div id="header" role="banner">
    			<h1 id="blog-title"><span><a href="<?php bloginfo('home') ?>/" title="<?php echo wp_specialchars( get_bloginfo('name'), 1 ) ?>" rel="home"><?php bloginfo('name') ?></a></span></h1>
    			<div id="blog-description"><?php bloginfo('description') ?></div>
    		</div><!--  #header -->
    
    		<div id="access" role="navigation">
    			<div class="skip-link"><a href="#content" title="<?php _e( 'Skip to content', 'erudite' ) ?>"><?php _e( 'Skip to content', 'erudite' ) ?></a></div>
    			<?php sandbox_globalnav() ?>
    		</div><!-- #access -->
    
    	</div><!--  #header-wrap -->

    OMG! YOUR AMAZING. I LOVE YOU. SOOO MUCH!

    Maybe you will be able to help with one last thing. I want to get rid of the meta data on the side of the post on the home page and center the posts…. any idea how I should go about doing this?

    heres my main index template

    <center><?php include (ABSPATH.'wp-content/flashfader/flashfaderhtml.txt'); ?> </center>
    <?php get_header() ?>
    
    	<div id="container">
    		<div id="content" role="main">
    
    <?php while ( have_posts() ) : the_post() ?>
    
    			<div id="post-<?php the_ID() ?>" <?php post_class() ?>>
    				<h2 class="entry-title"><a href="<?php the_permalink() ?>" title="<?php printf( __('Permalink to %s', 'erudite'), the_title_attribute('echo=0') ) ?>" rel="bookmark"><?php the_title() ?></a></h2>
    
    				<div class="entry-content">
    <?php the_content( __( 'Read More <span class="meta-nav">&rarr;</span>', 'erudite' ) ) ?>
    
    				<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'erudite' ) . '&after=</div>') ?>
    				</div>
    <div class="entry-meta">
    					<span class="entry-date"><abbr class="published" title="<?php the_time('Y-m-d\TH:i:sO') ?>"><?php unset($previousday); printf( __( '%1$s – %2$s', 'erudite' ), the_date( '', '', '', false ), get_the_time() ) ?></abbr></span>
    
    					<span class="meta-sep">|</span>
    					<span class="author vcard"><?php printf( __( 'By %s', 'erudite' ), '<a class="url fn n" href="' . get_author_link( false, $authordata->ID, $authordata->user_nicename ) . '" title="' . sprintf( __( 'View all posts by %s', 'erudite' ), $authordata->display_name ) . '">' . get_the_modified_author() . '</a>' ) ?></span>
    					<span class="meta-sep">|</span>
    					<span class="cat-links"><?php printf( __( 'Posted in %s', 'erudite' ), get_the_category_list(', ') ) ?></span>
    					<span class="meta-sep">|</span>
    					<?php the_tags( __( '<span class="tag-links">Tagged ', 'erudite' ), ", ", "</span>\n\t\t\t\t\t<span class=\"meta-sep\">|</span>\n" ) ?>
    <?php edit_post_link( __( 'Edit', 'erudite' ), "\t\t\t\t\t<span class=\"edit-link\">", "</span>\n\t\t\t\t\t<span class=\"meta-sep\">|</span>\n" ) ?>
    					<span class="comments-link"><?php comments_popup_link( __( 'Comments (0)', 'erudite' ), __( 'Comments (1)', 'erudite' ), __( 'Comments (%)', 'erudite' ) ) ?></span>
    				</div>
    			</div><!-- .post -->
    
    <?php comments_template() ?>
    
    <?php endwhile; ?>
    
    			<div id="nav-below" class="navigation">
    				<div class="nav-previous"><?php next_posts_link(__( '<span class="meta-nav">&larr;</span> Older posts', 'erudite' )) ?></div>
    				<div class="nav-next"><?php previous_posts_link(__( 'Newer posts <span class="meta-nav">&rarr;</span>', 'erudite' )) ?></div>
    			</div>
    
    		</div><!-- #content -->
    	</div><!-- #container -->
    
    <?php get_sidebar() ?>
    <?php get_footer() ?>

    Haven’t tested this, but I guess removing the post-meta stuff gives:

    <center><?php include (ABSPATH.'wp-content/flashfader/flashfaderhtml.txt'); ?> </center>
    <?php get_header() ?>
    
    	<div id="container">
    		<div id="content" role="main">
    
    <?php while ( have_posts() ) : the_post() ?>
    
    			<div id="post-<?php the_ID() ?>" <?php post_class() ?>>
    				<h2 class="entry-title"><a href="<?php the_permalink() ?>" title="<?php printf( __('Permalink to %s', 'erudite'), the_title_attribute('echo=0') ) ?>" rel="bookmark"><?php the_title() ?></a></h2>
    
    				<div class="entry-content">
    <?php the_content( __( 'Read More <span class="meta-nav">&rarr;</span>', 'erudite' ) ) ?>
    
    				<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'erudite' ) . '&after=</div>') ?>
    				</div>
    			</div><!-- .post -->
    
    <?php comments_template() ?>
    
    <?php endwhile; ?>
    
    			<div id="nav-below" class="navigation">
    				<div class="nav-previous"><?php next_posts_link(__( '<span class="meta-nav">&larr;</span> Older posts', 'erudite' )) ?></div>
    				<div class="nav-next"><?php previous_posts_link(__( 'Newer posts <span class="meta-nav">&rarr;</span>', 'erudite' )) ?></div>
    			</div>
    
    		</div><!-- #content -->
    	</div><!-- #container -->
    
    <?php get_sidebar() ?>
    <?php get_footer() ?>

    Centering your content will probably involve modifying your css/erudite.css file.

    Hmmmph. that didnt work… here is my erudite.css

    [CSS moderated as per the Forum Rules. ]

    So… Near the top of your erudite.css should become:

    /* Layout. Based on the idea of 960.gs. Sorta. Loosely. */
    #header, #footer-wrap-inner {width:96em; margin:0 auto; position:relative;}
    #container {width:54em; margin:0 auto; position:relative;}
    #content {width:54em; padding-top:2.4em; overflow:hidden;}
    body.single #content, body.page #content {overflow:visible;}
    #footer {clear:both;}

    Again, not tested but that looks right.

    Regarding your main index template…. I’m guessing the template you pasted doesn’t actually get used, since if it did you would have two flash headers (that template adds a flash header before calling header.php which adds another one).

    I’m off to bed now, will try to help more tomorrow.
    Best wishes,
    Andy

    Oops just to clarify – That code snippet should replace the current layout section in erudite.css. Here’s a copy of the modified file.

    Thanks that worked for everything except internet explorer! So if you could help me with that one last thing I would REALLY Appreciate it… what do you need from me to get help on that?

Viewing 15 replies - 1 through 15 (of 31 total)
  • The topic ‘Website Works in everything But IE’ is closed to new replies.