WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Website Works in everything But IE (32 posts)

  1. CameronFrittz
    Member
    Posted 4 years ago #

  2. CameronFrittz
    Member
    Posted 4 years ago #

    serendipityescape.com is the website im working on.

  3. rooodini
    Member
    Posted 4 years ago #

    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

  4. CameronFrittz
    Member
    Posted 4 years ago #

    So what do I do from there?

  5. CameronFrittz
    Member
    Posted 4 years ago #

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

  6. rooodini
    Member
    Posted 4 years ago #

    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

  7. rooodini
    Member
    Posted 4 years ago #

    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

  8. CameronFrittz
    Member
    Posted 4 years ago #

    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>

  9. CameronFrittz
    Member
    Posted 4 years ago #

    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 -->
  10. rooodini
    Member
    Posted 4 years ago #

    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 -->
  11. CameronFrittz
    Member
    Posted 4 years ago #

    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() ?>
  12. rooodini
    Member
    Posted 4 years ago #

    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.

  13. CameronFrittz
    Member
    Posted 4 years ago #

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

    [CSS moderated as per the Forum Rules. ]

  14. rooodini
    Member
    Posted 4 years ago #

    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

  15. rooodini
    Member
    Posted 4 years ago #

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

  16. CameronFrittz
    Member
    Posted 4 years ago #

    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?

  17. rooodini
    Member
    Posted 4 years ago #

    Hi again,

    So the css looks correct now. But the post meta is still appearing (you just can't see it on other browsers.)

    Your index.php file is not being called. home.php instead needs modifying. To get categories, tags, archives etc to behave properly you may have to modify others too.

    Take a look at the template hierarchy codex page for more information on this, particularly this useful flow chart.

    Regards,
    Andy

  18. CameronFrittz
    Member
    Posted 4 years ago #

    HI andy!

    Thanks again for all the help! I got it fixed to where it dosnt show up but now I cant get it centered in internet explorer!

    Here is my current home.php if it helps any. Its perfect in all other browsers minus internet explorer

    <?php get_header() ?>
    
    	<div id="container">
    		<div id="content" role="main">
    
    <?php
    $first = 0; //set a counter to help add post classes below ?>
    <?php while ( have_posts() ) : the_post() ?>
    <?php $first++;
    if ($first == 1 && !is_paged() ) { //this is for the first post on the homepage only ?>
    	<?php erdt_epigraph() ?>
    	<div id="post-<?php the_ID() ?>" <?php post_class("first-post") ?>>
    		<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' ) );
    
    } else { //subsequent posts on the homepage, all is_paged() posts as well ?>
    	<?php if (!is_paged() ) { $home_pager = "home-post home-post-".$first; } //add home-post classes on front page only ?>
    	<div id="post-<?php the_ID() ?>" <?php post_class($home_pager); ?>>
    		<h3 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></h3>
    		<div class="entry-content">
    <?php the_excerpt(); ?>
    			<p class="more-link"><a href="<?php the_permalink() ?>" title="<?php printf(__('Keep reading &lsquo;%s&rsquo;', 'erudite' ), get_the_title() ) ?>"><?php _e('Read More <span class="meta-nav">&rarr;</span>', 'erudite' ) ?></a></p>
    <?php } ?>
    			<hr />
    				<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'erudite' ) . '&after=</div>') ?>
    
    <?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() ?>
  19. rooodini
    Member
    Posted 4 years ago #

    I've just noticed there's a new bug.. Looks like a </div> or two may be missing.

    Don't want to sound too teacher-y, but... It's really important you validate your code, as it can really help spot these sorts of bugs. If you see errors like: "Opening and ending tag mismatch" then something important may be missing.

    Since your pages (e.g. the about page) do centre, I expect adding in these </div>'s will fix the problem.

    Regards,
    Andy

  20. rooodini
    Member
    Posted 4 years ago #

    Yeah so I think the following two divs aren't closed:
    <div id="post-<?php the_ID() ?>" <?php post_class("first-post") ?>>
    and:
    <div class="entry-content">

  21. rooodini
    Member
    Posted 4 years ago #

    I guess the corrected code should be something like:

    <?php get_header() ?>
    
    	<div id="container">
    		<div id="content" role="main">
    
    <?php
    $first = 0; //set a counter to help add post classes below ?>
    <?php while ( have_posts() ) : the_post() ?>
    <?php $first++;
    if ($first == 1 && !is_paged() ) { //this is for the first post on the homepage only ?>
    	<?php erdt_epigraph() ?>
    	<div id="post-<?php the_ID() ?>" <?php post_class("first-post") ?>>
    		<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' ) );
    
    } else { //subsequent posts on the homepage, all is_paged() posts as well ?>
    	<?php if (!is_paged() ) { $home_pager = "home-post home-post-".$first; } //add home-post classes on front page only ?>
    	<div id="post-<?php the_ID() ?>" <?php post_class($home_pager); ?>>
    		<h3 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></h3>
    		<div class="entry-content">
    <?php the_excerpt(); ?>
    			<p class="more-link"><a href="<?php the_permalink() ?>" title="<?php printf(__('Keep reading &lsquo;%s&rsquo;', 'erudite' ), get_the_title() ) ?>"><?php _e('Read More <span class="meta-nav">&rarr;</span>', 'erudite' ) ?></a></p>
    
    </div> <!-- .entry-content -->
    </div> <!-- .post -->
    
    <?php } ?>
    			<hr />
    				<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'erudite' ) . '&after=</div>') ?>
    
    <?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() ?>

    Hope that helps,
    Andy

  22. rooodini
    Member
    Posted 4 years ago #

    Ok that code fixes one bug, but it hasn't fixed the centering problem. I think I will have to gracefully bow out now with my pride slightly dented!

    My suggestion is to compare your page.php with your home.php (note that your menus display differently in the two - page.php has nice diagonal lines behind). Also, compare .page styles in your css with .post styles, because there's something in your .page style that's making centering work properly.

    If you use firefox, the web developer toolbar is very useful.

    Finally, you might want to think about removing some of these overflow: hidden statements from your css because I find they can make debugging confusing.

    Good luck,
    Andy

  23. CameronFrittz
    Member
    Posted 4 years ago #

    I got everything fixedup! But then for some reason on Mozilla firefox my search pane isnt showing up in the footer... any idea?

  24. rooodini
    Member
    Posted 4 years ago #

    Wow, looks great! Good job.

    Yep - You're missing those closing divs in your home.php . Check my code above.

    Regards,
    Andy

  25. rooodini
    Member
    Posted 4 years ago #

    ...the closing tags I've added in are:

    </div> <!-- .entry-content -->
    </div> <!-- .post -->
  26. CameronFrittz
    Member
    Posted 4 years ago #

    Hmm. They were already in my home.php

    any Idea?

  27. CameronFrittz
    Member
    Posted 4 years ago #

    Nevermind! Thanks for all your help!!! I think it turned out pretty good! I love it! Thanks so much!

  28. rooodini
    Member
    Posted 4 years ago #

    All working!
    Looks brilliant, nice one :)

  29. rooodini
    Member
    Posted 4 years ago #

    [BTW... I guess perhaps an old version of the page was still cached, and that's why the corrections to home.php weren't showing up. If that was the problem, it's a good tip to disable caching while you're still developing a site.]

  30. CameronFrittz
    Member
    Posted 4 years ago #

    Ok.... Im having the same problem again... I just cant get my flash fader to show up in IE. Could you kindoff walk me through this so i can do this everytime I add a FlashFader to a wordpress layout. Thanks again for all your help....

    This is the website. http://lauriegouldphotography.com

    Here is my header.php

    Ive tryed everything possible and even sourced the header.php from the last one I did....

    [Code moderated as per the Forum Rules. Please use the pastebin]

Topic Closed

This topic has been closed to new replies.

About this Topic