• 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.