Microsoft Edge not displaying page correctly
-
Hi
I’m having trouble with Microsoft Edge and a particular menu page I’m making.
Here’s the problem page ….On all browsers except Edge, I get rows of five thumbnails. On Edge, I get one column of thumbs to the left.
For reference, here is a page on the same site that displays correctly on Edge ….
The difference is, I’m using the loop twice on the problem page. Here is the php ….
<?php /* Template Name: Portfolio Page Shortpiece Space */ ?> <?php get_header(); ?> <div id="content"> <!-- BLACKHOLES --> <div class="portfolio_categories"> ブラックホール </div> <div class="postarea"> <?php $wp_query = new WP_Query(array('category_name'=>'blackhole','showposts'=>of_get_option('number_display_portfolio'),'paged'=>$paged)); ?> <?php $post_class = 'first'; ?> <?php if($wp_query->have_posts()) : while($wp_query->have_posts()) : $wp_query->the_post(); ?> <?php $meta_box = get_post_custom($post->ID); $video = $meta_box['custom_meta_video'][0]; ?> <?php global $more; $more = 0; ?> <div class="portfolio_five <?php echo $post_class; ?>"> <?php if ('first' == $post_class){ $post_class = 'second'; }elseif ('second' == $post_class){ $post_class = 'third'; } elseif ('third' == $post_class){ $post_class = 'fourth'; } elseif ('fourth' == $post_class){ $post_class = 'fifth'; }else{ $post_class = 'first'; } ?> <?php if ( $video ) : ?> <div class="portfoliovideo_five"><?php echo $video; ?></div> <?php else: ?> <a class="portfolioimg_five" href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'portfolio_five' ); ?></a> <?php endif; ?> <div class="portfoliocontent_five"> <h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4> <?php the_excerpt(); ?> </div> </div> <?php endwhile; ?> <div id="pagination"> <div id="prevLink"><?php previous_posts_link(); ?> </div> <div id="nextLink"><?php next_posts_link(); ?> </div> </div> <?php else : // do not delete ?> <h3><?php _e("Page not Found", 'organicthemes'); ?></h3> <?php _e("We're sorry, but the page you're looking for isn't here.", 'organicthemes'); ?> <?php _e("Try searching for the page you are looking for or using the navigation in the header or sidebar", 'organicthemes'); ?> <?php endif; // do not delete ?> </div> <!-- COMETS --> <div class="portfolio_categories"> 彗星 </div> <div class="postarea"> <?php $wp_query = new WP_Query(array('category_name'=>'comets','showposts'=>of_get_option('number_display_portfolio'),'paged'=>$paged)); ?> <?php $post_class = 'first'; ?> <?php if($wp_query->have_posts()) : while($wp_query->have_posts()) : $wp_query->the_post(); ?> <?php $meta_box = get_post_custom($post->ID); $video = $meta_box['custom_meta_video'][0]; ?> <?php global $more; $more = 0; ?> <div class="portfolio_five <?php echo $post_class; ?>"> <?php if ('first' == $post_class){ $post_class = 'second'; }elseif ('second' == $post_class){ $post_class = 'third'; } elseif ('third' == $post_class){ $post_class = 'fourth'; } elseif ('fourth' == $post_class){ $post_class = 'fifth'; }else{ $post_class = 'first'; } ?> <?php if ( $video ) : ?> <div class="portfoliovideo_five"><?php echo $video; ?></div> <?php else: ?> <a class="portfolioimg_five" href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'portfolio_five' ); ?></a> <?php endif; ?> <div class="portfoliocontent_five"> <h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4> <?php the_excerpt(); ?> </div> </div> <?php endwhile; ?> <div id="pagination"> <div id="prevLink"><?php previous_posts_link(); ?> </div> <div id="nextLink"><?php next_posts_link(); ?> </div> </div> <?php else : // do not delete ?> <h3><?php _e("Page not Found", 'organicthemes'); ?></h3> <?php _e("We're sorry, but the page you're looking for isn't here.", 'organicthemes'); ?> <?php _e("Try searching for the page you are looking for or using the navigation in the header or sidebar", 'organicthemes'); ?> <?php endif; // do not delete ?> </div> <!-- STARLIFE --> <div class="portfolio_categories"> 星の一生 </div> <div class="postarea"> <?php $wp_query = new WP_Query(array('category_name'=>'starlife','showposts'=>of_get_option('number_display_portfolio'),'paged'=>$paged)); ?> <?php $post_class = 'first'; ?> <?php if($wp_query->have_posts()) : while($wp_query->have_posts()) : $wp_query->the_post(); ?> <?php $meta_box = get_post_custom($post->ID); $video = $meta_box['custom_meta_video'][0]; ?> <?php global $more; $more = 0; ?> <div class="portfolio_five <?php echo $post_class; ?>"> <?php if ('first' == $post_class){ $post_class = 'second'; }elseif ('second' == $post_class){ $post_class = 'third'; } elseif ('third' == $post_class){ $post_class = 'fourth'; } elseif ('fourth' == $post_class){ $post_class = 'fifth'; }else{ $post_class = 'first'; } ?> <?php if ( $video ) : ?> <div class="portfoliovideo_five"><?php echo $video; ?></div> <?php else: ?> <a class="portfolioimg_five" href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'portfolio_five' ); ?></a> <?php endif; ?> <div class="portfoliocontent_five"> <h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4> <?php the_excerpt(); ?> </div> </div> <?php endwhile; ?> <div id="pagination"> <div id="prevLink"><?php previous_posts_link(); ?> </div> <div id="nextLink"><?php next_posts_link(); ?> </div> </div> <?php else : // do not delete ?> <h3><?php _e("Page not Found", 'organicthemes'); ?></h3> <?php _e("We're sorry, but the page you're looking for isn't here.", 'organicthemes'); ?> <?php _e("Try searching for the page you are looking for or using the navigation in the header or sidebar", 'organicthemes'); ?> <?php endif; // do not delete ?> </div> </div> <!-- The main column ends --> <?php get_footer(); ?>I am a beginner with this, and all I’ve done is copied a single loop three times.
I’d really really appreciate some help with this.
How can I fix the display in Edge?Thank you
Mark
The topic ‘Microsoft Edge not displaying page correctly’ is closed to new replies.