html - Floats in IE not aligning correctly -



html - Floats in IE not aligning correctly -

i'm trying divs float correctly in ie. great in chrome , firefox, ie chews code. can see jsfiddle here: http://jsfiddle.net/vlyandra/kem3r/ basically, image div not line horizontally entry div, , table @ bottom (despite having max width) not resizing. code generate posts below:

<article id="post-<?php the_id(); ?>" <?php post_class(); ?>> <div class="bordered centered"> <p class="negative-margin alignleft header"><?php the_title(); ?></p><p class="negative-margin alignright date"><?php the_date(); ?></p><div style="clear:both;"></div> <?php if ( is_search() ) : // display excerpts search ?> <div class="entry-summary"> <?php the_excerpt(); ?> </div><!-- .entry-summary --> <?php else : ?> <div class="entry-content negative-margin"> <?php if ( has_post_thumbnail() ):?> <div id="entry-left"> <?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->id), 'large'); echo '<a href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" >'; echo get_the_post_thumbnail($post->id, 'large'); echo '</a>';?> </div> <div class="entry-right"> <?php the_content( __( 'more <span class="meta-nav">&rarr;</span>', 'huckleberry' ) ); ?> <?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'pages:', 'huckleberry' ), 'after' => '</div>' ) ); ?> </div><div style="clear:both;"></div> <div class="entry-right"> <table class="fixed-height fixed-width"> <tr> <td class="valigned"><h3 class="date">details</h3> <?php the_field('details');?> </td> <td class="valigned"> <a href="<?php echo multipostthumbnails::get_post_thumbnail_url(get_post_type(), 'secondary-image');?>"> <?php if (class_exists('multipostthumbnails')) : multipostthumbnails::the_post_thumbnail(get_post_type(), 'secondary-image'); endif; ?> </a> </td> <td class="valigned"> <a href="<?php echo multipostthumbnails::get_post_thumbnail_url(get_post_type(), 'tertiary-image');?>"> <?php if (class_exists('multipostthumbnails')) : multipostthumbnails::the_post_thumbnail(get_post_type(), 'tertiary-image'); endif; ?> </a> </td> <td class="valigned"> <a href="<?php echo multipostthumbnails::get_post_thumbnail_url(get_post_type(), 'fourth-image');?>"> <?php if (class_exists('multipostthumbnails')) : multipostthumbnails::the_post_thumbnail(get_post_type(), 'fourth-image'); endif; ?> </a> </td> </tr> </table> </div> <?php else : ?> <?php the_content( __( 'more <span class="meta-nav">&rarr;</span>', 'huckleberry' ) ); ?> <?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'pages:', 'huckleberry' ), 'after' => '</div>' ) ); ?> </div> <?php endif; ?> <?php endif; ?>

any help appreciated!

i'm not seeing it. can send link site?

also, have tried applying .alignleft images?

html css wordpress internet-explorer

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -