picture shows smaller in IE but shows ok in chrome

I have a hosted wordpress website on godaddy.com. The about page is simple just several pictures and wrapped texts.

it shows well in chrome browswer but shows ugly on IE 8.0. How do I remedy this?


<width="auto"><!-- meta slider -->

    
    
        
<a href="javascript:void(0)"><img src="http://test.colorwen.com/wp-content/uploads/2015/04/INK_banner.jpg" height="260" width="1140" alt="ECO SOLVENT INK" class="slider-2471 slide-2472" title="ECO SOLVENT INK" style="display: none;"></a>
<a href="javascript:void(0)"><img src="http://test.colorwen.com/wp-content/uploads/2015/04/INK2-BANNER.jpg" height="260" width="1140" alt="UV CURABLE INK" class="slider-2471 slide-2473" title="UV CURABLE INK" style="display: none;"></a>
<a href="javascript:void(0)"><img src="http://test.colorwen.com/wp-content/uploads/2014/12/Tradeshow_banner_news.jpg" height="260" width="1140" alt="CHENG FENG GROUP TAIWAN" class="slider-2471 slide-2462" title="CHENG FENG GROUP  TAIWAN" style="display: none;"><span>CHENG FENG GROUP </span></a>
        
        
    
    <script type="text/javascript">
        var metaslider_2471 = function($) {
            $('#metaslider_2471').coinslider({ 
                width:1140,
                height:260,
                spw:7,
                sph:5,
                delay:1400,
                sDelay:20,
                opacity:"0",
                titleSpeed:500,
                animation:"random",
                showNavigationButtons:true,
                showNavigationPrevNext:false,
                hoverPause:true,
                prevText:"&lt;",
                nextText:"&gt;"
            });
        };
        var timer_metaslider_2471 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_2471, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_2471, 1) : metaslider_2471(window.jQuery);
        };
        timer_metaslider_2471();
    </script>

<!--// meta slider--></width="auto"><img class=" size-full wp-image-2413 alignleft" src="http://test.colorwen.com/wp-content/uploads/2015/04/About_signature-e1429653491228.jpg" alt="About_signature" width="100%" height="auto"><p class="h2"><strong>Corporate Philosophy</strong></p>
<p class="p1">Cheng Feng Enterprises Company Limited has been a long standing supplier and manufacturer of organic pigment dispersed master batches since the company established in 1971. We, the Cheng Feng Group, focus the integrity in human resource training and internal labor management unity for the purpose of company growth. On the other hand, the company develops new business opportunity in line with customer's loyal partnership in the competitive market, so that continuous improvement and superior quality service to keep the customers satisfaction is guaranteed both domestically and internationally.</p>
<p class="p1">In the mean time, Cheng Feng Group has been awarded the ISO9002 certificate in 1997, and the ISO9001: 2000 certification in 2003, Therefore we have been ready and confident to keep our out standing performance image to complete on a worldwide stage in the years to come. Today, we are sure to keep Cheng Feng Group's leadership in the pigments and master batching industries in Taiwan to fulfill the customer's goals for " Double Win" strategy both domestically and overseas.</p><p class="h2"><strong>Q.C &nbsp;DEPT</strong></p><p class="p1">The primary objective of the department is the assurance of constant product quality. To achieve this goal, the company has invested in several computer based technologies such as colour matching equipment, flow meters, Q-U-V testing, gloss meters and grinding machine meters. This range equipment allows the objective and precise measurement of product characteristics.&nbsp;Quality control is carried out at four stages in the production processes from incoming raw material inspection to final product sampling. In this way quality is assured at all stages and preventive measures taken to prevent production or quality problems from arising. The department is also responsible for specific application product testing.</p><p class="h2"><img class=" size-full wp-image-2465 alignright" src="http://test.colorwen.com/wp-content/uploads/2014/12/About_QC-e1429743131958.jpg" alt="About_QC" width="100%" height="auto"></p>
<p class="p1"></p><img class=" size-full wp-image-2467 alignleft" src="http://test.colorwen.com/wp-content/uploads/2014/12/About_RD-e1429743795708.jpg" alt="About_RD" width="100%" height="auto"><p class="h2">&nbsp;</p><p class="h2">&nbsp;</p><p class="h2"><strong>R&amp;D Dept.</strong></p><p class="p1">The Primary mission of the R&amp;D department is the development of new products to extend the company's product range and meet customer needs. To improve its existing products, the department is respnsible for information gathering and research,defining and resolving colour development challenges and investigation of new technologies for enhancing production, control and testingprocesses. These responsibilities have as their objective the development, enhancement and expansion of products required to satisfy changing customer needs for new and improves.</p><p class="p1">&nbsp;</p>

Open in new window

Jason YuAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

F PCommented:
It has to do with support for CSS3 and IE 8 which doesn't support it at all. Consider using:

http://necolas.github.io/normalize.css/

... Normalize to help fix this issue, but in the mean time if you post your CSS, I can have a look and tell you why it isn't working.

What does it do?

Preserves useful defaults, unlike many CSS resets.
Normalizes styles for a wide range of elements.
Corrects bugs and common browser inconsistencies.
Improves usability with subtle improvements.
Explains what code does using detailed comments.
Browser support

Google Chrome (latest)
Mozilla Firefox (latest)
Mozilla Firefox ESR
Opera (latest)
Apple Safari 6+
Internet Explorer 8+
Normalize.css v1 provides legacy browser support (IE 6+, Safari 4+), but is no longer actively developed.
Jason YuAuthor Commented:
In fact, I don't where I can find the css file for these pages? I use godaddy.com wordpress service bundle.

If I use the above css file, will it work for IE8?

thanks.
where-is-the-css-file-in-wordpress.png
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

F PCommented:
Normalize will fix a number of problems that weren't accounted for end users to be using IE 8.
Jason YuAuthor Commented:
The below is the header.php inside my theme, how could I add the downloaded css file to this file? Do I need just merge them?

I am a newbie in both wordpress and CSS, sorry for asking an easy question.


<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package agenture
 */
global $data, $shortname, $header_style;										
$header_style = $data[''.$shortname.'_header_style']; 
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<title><?php wp_title( '|', true, 'right' ); ?></title>

<!-- meta & device compability -->
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="author" content="themeofwp.com">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<!-- favicon & ios icons -->
<link rel="shortcut icon" href="<?php $favicon=$data[''.$shortname.'_favicon']; echo $favicon; ?>" type="image/x-icon" />
<!-- favicon & ios icons -->

<!-- wordpress head -->
<?php wp_head(); ?>
<!-- end of wordpress head -->

<!-- customizations -->
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/custom.css.php" />
<!-- end of customizations -->

<script type="text/javascript">
			jQuery(document).ready(function($) {
				$("#menu")
					.mmenu({
					classes		: "mm-dark",
					counters	: false,
					searchfield	: false,
					header		: {
						add			: false,
						update		: true,
						title		: ""
					}
								}).on(
									'click',
									'a[href^="#/"]',
									function()
									{
										alert( "Thank you for clicking, but that's a demo link." );
										return false;
									}
								);
						});
		</script>
</head>

<body <?php body_class(); ?> id="page-top" data-spy="scroll" data-target=".navbar-custom">


	<!-- /.navbar -->
	<nav class="navbar <?php if ($header_style=='tsticky'){;?>navbar-fixed-top<?php } else { ?><?php } ?><?php if ($header_style=='bsticky'){;?>navbar-fixed-bottom<?php } else { ?><?php } ?><?php if ($header_style=='static'){;?>navbar-static-top<?php } else { ?><?php } ?>" role="navigation">
        
		<!-- /.container -->
		<div class="container">
            
			<!-- /.navbar-header -->
			<div class="navbar_header page-scroll">
			
				<!-- /.mobile menu -->
				<a id="mobilemenu" href="#menu"></a>
                
				<!-- /.navbar-brand -->
				<a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo( 'description' ); ?>" rel="home">
					<?php $logo=$data[''.$shortname.'_logo_img'];?>
						<?php if ($logo==''){;?>
							<span class="light"><?php bloginfo('name'); ?></span>
							<?php } else { ?>
							<img src="<?php echo $logo; ?>" alt="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" /><?php } ?>
                </a>
				<!-- /.navbar-brand -->
				
            </div>
			<!-- /.navbar-header -->
		
				<?php

					$defaults = array(
						'theme_location'  => 'primary',
						'menu'            => '',
						'container'       => 'div',
						'container_class' => 'navbar-right',
						'container_id'    => '',
						'menu_class'      => 'nav main-menu',
						'menu_id'         => '',
						'echo'            => true,
						'fallback_cb'     => 'wp_page_menu',
						'before'          => '',
						'after'           => '',
						'link_before'     => '',
						'link_after'      => '',
						'items_wrap'      => '<ul id="%1$s" class="%2$s"><li class="hidden"><a href="#page-top"></a></li>%3$s</ul>',
						'depth'           => 0,
						'walker'          => ''
					);

					wp_nav_menu( $defaults );
				?>
				
		</div>
		<!-- /.container -->
		
    </nav>
	<!-- /.navbar -->
	

Open in new window

Jason YuAuthor Commented:
I prefer using the first method now then try the second one. It looks like the second one is more complicated.
F PCommented:
Add this line right above the closing of the head tag, and I'm including the closing tag to show you --- don't put </head> twice:

Between lines 63 and 64 is where the link tag would go

    <link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css" />
</head>

Open in new window

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Jason YuAuthor Commented:
I see you are referring a css file on googlecode.com, I suppose I don't need upload normalize.css file to my ftp folders anymore, am I right.

I got a write permission error when i was doing it.
ftp-error.png
F PCommented:
I can't stress enough the importance in security of uploading your own copy and not using something from google code or otherwise, but in this situation it might be useful for testing purposes, or if you're getting that error.
Jason YuAuthor Commented:
Hi, Frank;

Thank you, I got it resolved now. Have a nice weekend.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.