1 Replies - 1260 Views - Last Post: 31 July 2013 - 07:08 AM

#1 boadiwaidy   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 28-July 13

Centering In Internet Explorer But Not Firefox Or Chrome

Posted 28 July 2013 - 07:22 PM

Hi am having an issue with a website am working on. the page does not center even though i have tried what know.

below is the HTML code
--------------------------------------------------------------------------

<!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">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>PPP Task Force</title>
  <link href="stylesheets/reset.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="scripts/browser-compatibility.js"></script>
	<script type="text/javascript" src="CSSMenuWriter/cssmw/menu.js"></script>
  <link href="stylesheets/layout-css-1.css" rel="stylesheet" type="text/css" />
  <!--[if lte IE 9]>
   <style type="text/css" title="ie-style-css">
    /* lte IE 9 style*/
   </style>
  <![endif]-->
<!--[if lte IE 6]>
   <style type="text/css" media="all">
    @import url("CSSMenuWriter/cssmw/menu_ie.css");
   </style>
  <![endif]-->
</head>
 <body>
 <div class="main_wrapper">
   <div class="header">
     <div class="logo">
       <h1 class="heading">President's Priority Projects </h1>
     </div>
     <div class="navigation">
       <div class="hmenubar">
         <ul class="hmenubar_list">
           <li><a href="index.php">Home</a></li>
           <li class="parent"><a href="taskforce.php">Task Force</a>
             <ul class="level-1">
               <li><a href="team.php">Team</a></li>
             </ul>
           </li>
           <li class="parent"><a href="projects.php">Projects</a>
             <ul class="level-1">
               <li><a href="education.php">Education</a></li>
               <li><a href="health.php">Health</a></li>
               <li><a href="transport.php">Transport</a></li>
             </ul>
           </li>
           <li class="parent"><a href="project_status.php">Project Status</a>
             <ul class="level-1">
               <li><a href="education_status.php">Education</a></li>
               <li><a href="#">Health</a></li>
               <li><a href="#">Transport</a></li>
             </ul>
           </li>
           <li class="parent"><a href="partnership.php">Partnership</a>
             <ul class="level-1">
               <li><a href="#">As Investor</a></li>
               <li><a href="#">As Financier</a></li>
               <li><a href="#">As Contractor</a></li>
               <li><a href="#">As Benefciary</a></li>
             </ul>
           </li>
           <li><a href="faqs.php">FAQs</a></li>
           <li><a href="contacts.php">Contact</a></li>
         </ul>
         
       </div>
     </div>
   </div>
   <div class="main_content">
     <!------------------------------------------------------------------------------------------------------------------------------->
     <div class="left_content">
       <div class="banner">
         
<script type="text/javascript" src="includes/jQuerySlideshow/slideshow.extend.js"></script>
<script type="text/javascript" src="includes/jQuerySlideshow/jQuerySlideshow.js"></script>
<script type="text/javascript" src="includes/jQuerySlideshow/ppptf.js"></script>
<link href="includes/jQuerySlideshow/ppptf.css" rel="stylesheet" type="text/css" />

<div id="ppptfContainer">
	<div id="ppptf" class="jQuerySlideshow">
		<ul class="JQuerySlideshowHide">
			<li  title="slide1"><img src='includes/jQuerySlideshow/images/ppptf/image1.jpg' /></li>
			<li  title="slide2"><img src='includes/jQuerySlideshow/images/ppptf/image2.jpg' /></li>
			<li  title="slide3"><img src='includes/jQuerySlideshow/images/ppptf/image3.jpg' /></li>
			<li  title="slide4"><img src='includes/jQuerySlideshow/images/ppptf/image4.jpg' /></li>
		</ul>
	</div>

<div id="ppptf_bullets_in">
	<ul>
		<li title="slide1"><a></a></li>
		<li title="slide2"><a class="hover"></a></li>
		<li title="slide3"><a class="active"></a></li>
		<li title="slide4"><a></a></li>
	</ul>
</div>


<div id="ppptf_caption_in">Image caption.</div>


<div id="ppptf_subcaption_in">Image subcaption.</div>


</div>

       </div>
       <div class="article_two1_unit_wrapper">
         <div class="article_two1">
           <h2>President Mahama receives Horst Kohler</h2>
           <img class="article_two1_img" src="images/banner/john_mahama_meeting_horst_k.jpg" alt="image" />
           <p>President John Mahama on Monday received former German President Horst Kohler who is in Ghana to participate in an African- Europe Entrepreneurship Dialogue Series. The Series is aimed at harnessing job creation and forging a link between Europe and African countries.</p>
           <a class="article_two1_btn" href="#">read more</a></div>
       </div>
       <div class="article_five_unit_wrapper">
         <div class="article_five"> <img class="article_five_img" src="images/banner/President%20John%20Mahama%20delivering%20his%202013%20State%20of%20the%20Nation%20Address.jpg" alt="image" width="267" height="88" />
           <h2>Heading Two Text</h2>
           <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
           <a class="article_five_btn" href="#">read more</a></div>
       </div>
       <div class="article_five_unit_wrapper">
         <div class="article_five"> <img class="article_five_img" src="images/banner/Flash%20Photo_3.jpg" alt="image" width="267" height="88" />
           <h2>Heading Two Text</h2>
           <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
           <a class="article_five_btn" href="#">read more</a></div>
       </div>
     </div>
     <div class="right_content">
       <div class="sidebar_latest_news_two">
         <h2>Latest News</h2>
         <ul>
           <li class="article"> <span>5<br/>
             apr</span>
             <h4>This is a title</h4>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
             <div class="separator"></div>
           </li>
           <li class="article"> <span>5<br/>
             apr</span>
             <h4>This is a title</h4>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
             <div class="separator"></div>
           </li>
         </ul>
       </div>
       <div class="article_two">
         <h2>Special Initiatives</h2>
         <img class="article_two_img" src="images/banner/Cardinal%20Turkson%20meets%20JM.jpg" alt="image" width="270" height="89" />
         <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
         <a class="article_two_btn" href="#">read more</a></div>
       <div class="sidebar_photo_stream">
         <h2>Event in Pictures</h2>
         <a href="#"><img alt="" src="images/misc/610013241_176256506_687849.JPG"/></a> <a href="#"><img alt="" src="images/misc/610013318_988551608_382362.JPG"/></a> <a href="#"><img alt="" src="images/misc/610013322_528926887_735060.JPG"/></a> <a href="#"><img alt="" src="images/misc/610013346_393305342_633830.JPG"/></a> <a href="#"><img alt="" src="images/misc/858843101_828948.jpg"/></a> <a href="#"><img alt="" src="images/misc/x620024615_660320327_331500.JPG.pagespeed.ic.vj34xvucvG.jpg"/></a></div>
       <div class="subscribe_unit_wrapper">
         <div class="subscribe">
           <h2>Newsletter Sign-Up</h2>
           <input type="text" value="Email" class="customClass" />
           <a class="subscribe_button"></a></div>
       </div>
     </div>
     <!--------------------------------------------------------------------------------------------------------------------------->
   </div>
   <div class="tabs">
     <div class="image_set"> <img src="images/tabs/constitution_button.jpg" alt="image" class="image_set_img" /></div>
     <div class="image_set"> <img src="images/tabs/photo_gallery.jpg" alt="image" class="image_set_img" /></div>
     <div class="image_set"> <img src="images/tabs/ghana_trade.jpg" alt="image" class="image_set_img" /></div>
   </div>
   <div class="footer">
     <div class="copyright">
       <p> 2013 <span class="company">ppptaskforce.gov.gh</span>. All Rights Reserved. <a class="privacy_policy">Privacy Policy.</a></p>
     </div>
     <div class="social_icons"> <a href="#" class="facebook"></a><a href="#" class="twitter"></a><a href="#" class="googleplus"></a><a href="#" class="pinterest"></a></div>
   </div>
 </div>
 <script type="text/javascript">
   if(window.attachEvent) { window.attachEvent("onload", function() { hmenubar_list.intializeMenu('hmenubar_list',{select_current: 0, orientation: 1}); }); } else if(window.addEventListener) { window.addEventListener("load", function() { hmenubar_list.intializeMenu('hmenubar_list',{select_current: 0, orientation: 1}); }, true); }
  </script>
</body>

</html>



the CSS code

html {
    overflow: scroll;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 157%;
    color: #666666;
    font-size: 13px;
    letter-spacing: 0px;
    background-color: #143C0B;
    background-image: url(../images/bg/bg.png);
    background-repeat: repeat;
    background-position: left top;
    clear: both;
    float: left;
}
body h1 {
    font-size: 30px;
    font-weight: bold;
    color: #37A11D;
    line-height: 120%;
}
body h2 {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    line-height: 120%;
}
body h3 {
    color: #5F5F5F;
    font-size: 20px;
    font-weight: normal;
    line-height: 120%;
}
body h4 {
    color: #5F5F5F;
    font-size: 14px;
    font-weight: bold;
}
body p {
    font-size:13px;
    color: #666666;
    line-height:157%;
}



.main_wrapper {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0px 0px 5px 2px rgba(97, 97, 97, 0.33);
	-moz-box-shadow: 0px 0px 5px 2px rgba(97, 97, 97, 0.33);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(97, 97, 97, 0.33);
	width: 980px;
	height: auto;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
.main_content {
	width: 980px;
	float: left;
	margin-bottom: 15px;
	height: auto;
	padding: 0px;
}
.header {
    width: 980px;
    float: left;
}
.logo {
	width: 840px;
	min-height: 10px;
	background: #9cae00 url("../images/bg/head.png") no-repeat;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	/* [disabled]border-top-right-radius: 10px; */
	-moz-border-radius-topleft: 10px;
	/* [disabled]border-top-left-radius: 10px; */
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 130px;
	height: 80px;
}
h1.heading {
    color: #FFFFFF;
    font-size: 40px;
    text-shadow: 2px 2px 5px #333;
    -moz-text-shadow: 2px 2px 5px #333;
    -webkit-text-shadow: 2px 2px 5px #333;
    font-family: Times New Roman, Times, serif;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}
.navigation {
	width: 980px;
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
.hmenubar {
	padding: 0px;
	width: 980px;
	float: left;
	margin: 0px;
	height: 40px;
}
ul.hmenubar_list {
	cursor: default;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 980px;
}
.hmenubar_list li {
	float: left;
	width: 140px;
	list-style-type: none;
}
.hmenubar_list li a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	display: block;
	float: left;
	width: 120px;
	text-align: center;
	padding: 10px;
	background-color: #37A11D;
}
.hmenubar_list li a:hover {
	color: #FFFFFF;
	background-color: #143C0B;
}
ul.hmenubar_list ul {
	cursor: default;
	font-size: 0;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
ul.hmenubar_list ul li {
	float: none;
	list-style-type: none;
}
ul.hmenubar_list li {
	float: left;
	margin-left: 0;
	padding: 0;
	position: relative;
	white-space: nowrap;
	z-index: 100;
	list-style-type: none;
	width: auto;
}
ul.hmenubar_list li ul {
	display: none;
	top: 0;
}
ul.hmenubar_list li:hover > ul {
	display: block;
	position: absolute;
}
ul.hmenubar_list > li {
	display: block;
	width: auto;
	float: left;
}
ul.hmenubar_list ul.level-1 {
	left: 0px;
	top: 100%;
	width: 130px;
	height: auto;
}
ul.hmenubar_list ul.level-1 > li {
	display: block;
	float: left;
	width: auto;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul.hmenubar_list ul.level-1 > li > a, ul.hmenubar_list ul.level-1 >li > a:link {
	background-color: #96A900;
	color: #ffffff;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 0;
	text-align: left;
	text-decoration: none;
	width: 110px;
	outline-style: none;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #183C13;
}
ul.hmenubar_list ul.level-1 > li:hover > a, ul.hmenubar_list ul.level-1 >li:hover >a:link {
	background-color: #143C0B;
	color: #FFFFFF;
	text-decoration: none;
	outline-style: none;
}
.left_content {
	min-height: 10px;
	height: auto;
	width: 645px;
	float: left;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.left_content .banner {
	overflow: hidden;
	width: 645px;
	padding: 0px;
	float: left;
	height: 300px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.left_content .banner ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.left_content .banner ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.article_two1_unit_wrapper {
	width: auto;
	float: left;
	padding: 0px;
	height: auto;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.article_two1 {
	padding: 25px;
	float: left;
	width: 585px;
	background: #FAFAFA url("../images/bg/bg.png");
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	clear: both;
}
img.article_two1_img {
    max-width: 100%;
    margin-bottom: 25px;
}
.article_two1 h2 {
    margin: 0 0 30px;
    padding: 0;
}
.article_two1 p {
    margin: 0 0 30px;
    padding: 0;
}
a.article_two1_btn {
    display:block;
    width:100px;
    text-decoration: none;
    padding: 5px 30px;
    text-align:center;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #23C8FE), color-stop(98%, #01B6F1));
    border-color:#039FD3;
    border-width:1px;
    -webkit-border-radius:16px;
    border-radius:16px;
    border-style:solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:120%;
    color:#FFF;
    text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    -moz-border-radius:16px;
    -moz-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    -webkit-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
}
a.article_two1_btn:visited {
    color:#FFF;
}
a.article_two1_btn:hover {
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #01BDFC), color-stop(98%, #019FD3));
    color:#FFF;
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
}
a.article_two1_btn:active {
    color:#FFF;
}
.article_five_unit_wrapper {
    width: 317.5px;
    float: left;
}
.article_five {
    margin: 0;
    padding: 25px;
    border: 0;
    float: none;
    width:auto;
}
img.article_five_img {
    max-width: 100%;
    margin-bottom: 25px;
}
.article_five h2 {
    margin: 0 0 30px;
    padding: 0;
}
.article_five p {
    margin: 0 0 30px;
    padding: 0;
    font-size:12px;
}
a.article_five_btn {
    display:block;
    width:100px;
    text-decoration: none;
    padding: 5px 30px;
    text-align:center;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #23C8FE), color-stop(98%, #01B6F1));
    border-color:#039FD3;
    border-width:1px;
    -webkit-border-radius:16px;
    border-radius:16px;
    border-style:solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:120%;
    color:#FFF;
    text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    -moz-border-radius:16px;
    -moz-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
    -webkit-text-shadow:0px 1px 0px rgba(0, 0, 0, 0.18);
}
a.article_five_btn {
    width: 64px;
}
a.article_five_btn:visited {
    color: #FFF;
}
a.article_five_btn:hover {
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #01BDFC), color-stop(98%, #019FD3));
    color:#FFF;
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
}
a.article_five_btn:active {
    color:#FFF;
}
.registration_form {
	padding: 13px;
	border: 1px dashed #BEBEBE;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 12px;
	color: #666;
	background-color: #FBFBFB;
}
.registration_form table {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-bottom: 20px;
}
.registration_form table th {
	background-color: #37A11D;
	padding: 15px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.6em;
}
.registration_form table td {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
.input_text {
	height: 20px;
	width: 380px;
	background-color: #F3F3F3;
	border: 1px solid #E4E7E4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	color: #999;
}
.input_text_small {
	height: 20px;
	width: 230px;
	background-color: #F3F3F3;
	border: 1px solid #E4E7E4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	color: #999;
}
.section_title {
	background-color: #89D3A9;
	text-transform: capitalize;
	color: #FFF;
	font-size: 1.3em;
}
.checkbox {
	border: 1px solid #E4E7E4;
	background-color: #CEDAF2;
}
.left_content ul li {
	margin-bottom: 15px;
	list-style-type: square;
	display: block;
}
.left_content ol {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.left_content ol li {
	margin-bottom: 15px;
	margin-top: 15px;
	padding-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
.left_content ol li  strong {
	display: block;
	font-size: 16px;
	margin-bottom: 0px;
}





.right_content {
	float: left;
	width: 320px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.sidebar_latest_news_two {
    width: 270px;
    padding: 25px;
    background-color: #E4F5E8;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}
.sidebar_latest_news_two h2 {
    margin: 0 0 25px 0;
}
.sidebar_latest_news_two ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.sidebar_latest_news_two .article {
    margin: 0;
    min-height: 76px;
}
.sidebar_latest_news_two .article span {
    display: block;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    float: left;
    background: transparent url("../images/xtd_date.png") no-repeat left top;
    width: 36px;
    height: 33px;
    padding: 21px 7px 7px;
    margin-bottom: 15px;
    margin-right: 20px;
    text-align: center;
}
.sidebar_latest_news_two .article h4 {
    margin: 5px 0 12px 0;
}
.article_two {
    border: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 10px;
    background-color: #F5F5F5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 25px;
    width: 270px;
    clear: both;
    float: left;
    height: auto;
}
.article_two h2 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 15px;
}
img.article_two_img {
    margin-bottom: 25px;
}
.article_two p {
    padding: 0;
    margin-top:0;
    margin-bottom:30px;
}
a.article_two_btn {
    display: block;
    width: 100px;
    text-decoration: none;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #23C8FE), color-stop(98%, #01B6F1));
    border-color: #039FD3;
    border-width: 1px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border-style: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 120%;
    color: #FFF;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.18);
    background-image: -webkit-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image: -moz-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image: -o-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image: -ms-linear-gradient(top, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    background-image: linear-gradient(to bottom, #8AE2FF 0%, #23C8FE 4%, #01B6F1 98%);
    -moz-border-radius: 16px;
    -moz-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.18);
    -webkit-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.18);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-left: 30px;
}
a.article_two_btn:visited {
    color:#FFF;
}
a.article_two_btn:hover {
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8AE2FF), color-stop(4%, #01BDFC), color-stop(98%, #019FD3));
    color:#FFF;
    background-image:-webkit-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-moz-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-o-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:-ms-linear-gradient(top, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
    background-image:linear-gradient(to bottom, #8AE2FF 0%, #01BDFC 4%, #019FD3 98%);
}
a.article_two_btn:active {
    color:#FFF;
}
.sidebar_photo_stream {
    font-size: 0;
    width: auto;
    padding: 25px;
    clear: both;
    float: left;
    margin-bottom:10px;
}
.sidebar_photo_stream h2 {
    margin: 0 0 25px 0;
}
.sidebar_photo_stream a {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    margin: 14px 14px 0 0;
}
.sidebar_photo_stream img {
    border: 3px solid #CCC;
    width: 50px;
    height: 50px;
}
.sidebar_photo_stream img:active {
    border: 3px solid #77C4D3;
}
.sidebar_photo_stream img:hover {
    border: 3px solid #77C4D3;
}
.subscribe_unit_wrapper {
    width: 320px;
    float: left;
    margin: 0px;
    padding: 0px;
    clear: both;
}
.subscribe {
    margin: 0;
    padding: 25px;
    float: none;
    width:auto;
    background-image:url("../images/bg/bg.png");
}
.subscribe h2 {
    margin-top: 0;
    margin-bottom: 21px;
}
.subscribe input {
    height: 34px;
    line-height: 34px;
    width: 148px;
    font-size: 13px;
    border: 1px solid #B6B6B6;
    border-right: 0;
    display: block;
    float: left;
    color: #6C6C6C;
}
.subscribe .customClass {
    width: 217px;
}
.subscribe .subscribe_button {
    display: block;
    background: transparent url("../images/xtd_subscr.png") no-repeat left top;
    width: 40px;
    height: 38px;
    float: left;
    cursor: default;
}
.subscribe .subscribe_button:hover {
    background: transparent url("../images/xtd_subscr_over.png") no-repeat left top;
}
.sidebar_services1 {
	width: 270px;
	padding: 25px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.sidebar_services1 h2 {
    margin: 0 0 25px 0;
}
.sidebar_services1 ul {
    list-style-image: url("../images/xtd_pointer.png");
    padding-left: 20px;
}
.sidebar_services1 li a {
    text-decoration: none;
    color: #666;
    line-height: 37px;
}
.sidebar_services1 li a:hover {
    color: #77C4D2;
}
.sidebar_services1 li {
    height: 36px;
    border-bottom: 1px dotted #CCC;
}
@media only screen and (min-width : 641px) {
}
@media only screen and (min-width : 1024px) {
}
.tabs {
    clear: both;
    min-height: 97px;
    float: left;
    width: 980px;
    padding: 0px;
    height: auto;
    background-color: #F5F5F5;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
.image_set {
    padding: 25px;
    float: left;
    width: 276px;
    display: block;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    margin: 0;
    height: 97px;
    text-align: center;
}
img.image_set_img {
    width: 238px;
    height: 97px;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
.footer {
	clear: both;
	min-height: 48px;
	border-top-style: solid;
	margin: 0px;
	padding: 0px;
	width: 980px;
	border-top-width: 1px;
	border-top-color: #E6E6E6;
	float: left;
}
.copyright {
    cursor: default;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 10px;
    width: 600px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    float: left;
}
.copyright .company {
    color: #666;
    font-weight: bold;
    cursor: pointer;
}
.copyright .company:hover {
    color: #77C4D2;
}
.copyright .privacy_policy {
    border-bottom: 1px solid #919191;
    cursor: pointer;
}
.copyright .privacy_policy:hover {
    border-bottom: 1px solid #77C4D3;
}
.social_icons {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 10px;
    float: right;
    width: 300px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.social_icons a {
    display: inline-block;
    float: none;
    width: 34px;
    height: 34px;
    margin-right: 5px;
}
.social_icons .facebook {
    background: transparent url("../images/xtd_facebook_icon.png") no-repeat left top;
}
.social_icons .facebook:hover {
    background: transparent url("../images/xtd_facebook_icon_over.png") no-repeat left top;
}
.social_icons .facebook:active {
    background: transparent url("../images/xtd_facebook_icon_over.png") no-repeat left top;
}
.social_icons .twitter {
    background: transparent url("../images/xtd_twitter_icon.png") no-repeat left top;
}
.social_icons .twitter:hover {
    background: transparent url("../images/xtd_twitter_icon_over.png") no-repeat left top;
}
.social_icons .twitter:active {
    background: transparent url("../images/xtd_twitter_icon_over.png") no-repeat left top;
}
.social_icons .googleplus {
    background: transparent url("../images/xtd_googleplus_icon.png") no-repeat left top;
}
.social_icons .googleplus:hover {
    background: transparent url("../images/xtd_googleplus_icon_over.png") no-repeat left top;
}
.social_icons .googleplus:active {
    background: transparent url("../images/xtd_googleplus_icon_over.png") no-repeat left top;
}
.social_icons .pinterest {
    background: transparent url("../images/xtd_pinterest_icon.png") no-repeat left top;
}
.social_icons .pinterest:hover {
    background: transparent url("../images/xtd_pinterest_icon_over.png") no-repeat left top;
}
.social_icons .pinterest:active {
    background: transparent url("../images/xtd_pinterest_icon_over.png") no-repeat left top;
}



Is This A Good Question/Topic? 0
  • +

Replies To: Centering In Internet Explorer But Not Firefox Or Chrome

#2 enjoibp3   User is offline

  • New D.I.C Head

Reputation: 14
  • View blog
  • Posts: 49
  • Joined: 02-March 11

Re: Centering In Internet Explorer But Not Firefox Or Chrome

Posted 31 July 2013 - 07:08 AM

Set your body width to 100%, and that should fix your issue :bigsmile:

http://jsfiddle.net/ht8Jf/1/
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1