...

View Full Version : IE9 issues



tykilroy
01-23-2013, 07:45 PM
My webpage renders fine in Chrome but when I view it in IE9 some of my DIVs that are supposed to be in the center of the page float left. IS this just an IE9 issue or is there something I need to change in the code that will fix this?

I had to put this in 2 posts because of character limit (please see IE9 issues part two)

Here is the full code


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content=
"HTML Tidy for Mac OS X (vers 31 October 2006 - Apple Inc. build 15.6), see www.w3.org" />
<meta http-equiv="Content-Type" content=
"text/html; charset=us-ascii" />
<!--e4d03be0-1135-11e1-910b-12313e003591 c-->

<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/reset.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/page_defaults.css" media="screen" rel="stylesheet" type="text/css" />
<style title="page-styles" type="text/css">
/*<![CDATA[*/
body { color: rgb(0, 0, 0) }
a { color: rgb(22, 135, 232); text-decoration: none }
*#lp-pom-form-39 *.lp-pom-form-field label { font-family: "arial"; font-weight: bold; font-size: 14px; line-height: 15px; color: rgb(0, 0, 0) }
*#lp-pom-form-39 *.lp-pom-form-field div.option label { font-family: "arial"; font-weight: normal; font-size: 13px; line-height: 15px; left: 18px; color: rgb(0, 0, 0) }
*#lp-pom-form-39 *.lp-pom-form-field div.option input { top: 2px }
*#lp-pom-form-39 *.lp-pom-form-field input.text { background-color: rgb(255, 255, 255); color: rgb(96, 96, 96); border-width: 1px; border-style: solid }
*#lp-pom-form-39 *.lp-pom-form-field textarea { background-color: rgb(255, 255, 255); color: rgb(96, 96, 96) }
*#lp-pom-form-39 *.lp-pom-form-field select { border-width: 1px; border-style: solid }
*#lp-pom-button-40 { background-image: url(images/btn-lead-gen.original.png); color: rgb(255, 255, 255); border-style: none; font-size: 22px; line-height: 26px; font-weight: normal; font-family: arial; text-align: center; background-repeat: no-repeat }
*#lp-pom-button-40:hover { background-image: url(images/btn-lead-gen-ovr.original.png); color: rgb(255, 255, 255) }
/*]]>*/
</style>

<script type="text/javascript">
//<![CDATA[
window.module = window.module || {};
window.module.lp = window.module.lp || {};
window.module.lp.form = window.module.lp.form || {};
window.module.lp.form.data = {"formContainerId":"lp-pom-form-39","errorContainerId":"lp-pom-form-39-errors","confirmAction":"modal","confirmData":{"url":"c-form_confirmation.html","size":{"height":270,"width":512}},"validationRules":{"name":{"required":true},"email":{"required":true,"email":true},"phone":{"required":true},"zip_code":{"required":true},"company":{"required":false},"comments":{"required":false}},"validationMessages":{"name":{"required":"Name is required"},"email":{"required":"Email is required"},"phone":{"required":"Phone is required"},"zip_code":{"required":"Zip Code is required"},"company":{},"comments":{}},"formButtonId":"lp-pom-button-40"};
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
lp.jQuery().ready(function() {
lp.jQuery("#lp-pom-button-40").click( function(e) {
e.preventDefault();
e.stopPropagation();
lp.jQuery("div.lp-pom-form form").submit();
});
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var getUrlParams = function() {
var params = {}, hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i=0; i<hashes.length; i++) {
hash = hashes[i].split('=');
params[hash[0]] = hash[1];
}
return params;
};

function urldecode(str) {
return decodeURIComponent((str+'').replace(/\+/g, '%20'));
}

jQuery(function() {
// This assumes you have a parameter in your URL called "city"
var utm_keyword = urldecode(getUrlParams()['city']);
if (utm_keyword != 'undefined') {
// This assumes you've given an element on the page and ID of "city"
jQuery('#city_1').html(" " + utm_keyword);
jQuery('#city_2').html(" " + utm_keyword);
jQuery('#city_3').html(utm_keyword);
jQuery('#city_4').html(utm_keyword);
}
});
//]]>
</script>
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1058792392;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "666666";
var google_conversion_label = "gzmNCLC4tAIQyMfv-AM";
var google_conversion_value = 0;
/* ]]> */
</script>
<script type="text/javascript" src=
"http://www.googleadservices.com/pagead/conversion.js">
</script>
</head>

<body>


<div class="lp-element lp-pom-root" id="lp-pom-root" style=
"background: #d2ccb6; margin: auto; position: relative;">
<div class="lp-positioned-content" style=
"width: 800px; margin-left: -400px;">
<div class="lp-element lp-pom-box" id="lp-pom-box-11" style=
"left: 1px; top: 466px; left: 1px; top: 784px; left: 1px; top: 784px; left: 1px; top: 784px; background: rgb(255, 255, 255); background-image: url(images/testimonial-bg-grad.original.png); background-repeat: repeat-x; background-position: center top; border-style: none; border-width: undefinedpx; position: absolute; left: 1px; top: 784px; z-index: 1; width: 799px; height: 187px">
<div class="lp-element lp-pom-image" id="lp-pom-image-12"
style=
"position:absolute;left:29px;top:105px;z-index:2;width:32px;height:11px;">
<img src=
"images/testimonial-arrow.original.gif"
alt="" />
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-29"
style=
"position:absolute;left:16px;top:10px;z-index:9;width:729px;height:78px;">
<p xmlns=""><em><span style=
"color: rgb(2, 2, 2);"><span style=
"font-size: 18px; line-height: 26px;"><span style=
"font-family: georgia,serif;">“If we had some kind of
earthquake or something here, it would have been quite a
devastating loss.&nbsp; Now, because of CMIT
Solutions,&nbsp;we're in a position to be able to rebound
from that.”<br /></span></span></span></em></p>
</div>
</div>

<div class="lp-element lp-pom-box" id="lp-pom-box-13" style=
"left:13px;top:628px;left:13px;top:946px;left:13px;top:946px;left:13px;top:946px;background:#fff;bord er-style:none;border-width:undefinedpx;border-color:#undefined;position:absolute;left:13px;top:946px;z-index:3;width:229px;height:67px;">
<div class="lp-element lp-pom-text" id="lp-pom-text-16"
style="position:absolute;left:9px;top:-34px;z-index:8;width:163px;height:51px;">
<p><span style="color: rgb(106, 106, 106);"><span style=
"font-size: 12px; line-height: 14px;"><span style=
"font-family: arial,helvetica,sans-serif;"><strong>Trenton
Harris</strong><br />
CEO<br />
Via Seating</span></span></span></p>
</div>
</div>

<div class="lp-element lp-pom-box" id="lp-pom-box-33" style=
"left:436px;top:19px;left:436px;top:19px;border-style:solid;border-width:1px;border-color:#cccccc;position:absolute;left:436px;top:19px;z-index:19;width:363px;height:625px;">
<div class="lp-element lp-pom-image" id="lp-pom-image-34"
style=
"position:absolute;left:-4px;top:-1px;z-index:5;width:371px;height:131px;">
<img src=
"images/form-header.original_4ovshju2iq6lrugw.png"
alt="" />
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-36"
style=
"position:absolute;left:74px;top:472px;z-index:20;width:303px;height:18px;">
<p style="text-align: center;"><span style=
"font-size: 11px; line-height: 16px;"><span style=
"color: rgb(96, 96, 96);"><span style=
"font-family: arial,helvetica,sans-serif;">We will never
share your information outside
CMIT<br /></span></span></span></p>
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-37"
style=
"position:absolute;left:13px;top:10px;z-index:21;width:305px;height:44px;">
<p><strong><span style=
"font-size: 20px; line-height: 22px;"><span style=
"color: rgb(255, 255, 255);"><span style=
"font-family: arial,helvetica,sans-serif;">Stress-free IT
is just a
call&nbsp;<br /></span></span></span></strong><strong><span style="font-size: 20px; line-height: 22px;"><span style="color: rgb(255, 255, 255);"><span style="font-family: arial,helvetica,sans-serif;">or
click away</span></span></span></strong></p>
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-38"
style=
"position:absolute;left:17px;top:66px;z-index:22;width:243px;height:18px;">
<p><span style=
"color:#fff;font-size: 13px; line-height: 18px; font-family: arial, helvetica, sans-serif;">
Serving local<span id="city_1"></span>
businesses<br /></span></p>
</div>

<div class="lp-element lp-pom-form" id="lp-pom-form-39"
style=
"position:absolute;left:16px;top:246px;z-index:23;width:333px;height:222px;width:333px;height:-10px;width:333px;height:222px;">
<form action=""method="post">
<fieldset class="clearfix" style="width: 333px; height: 222px;">
<div class="lp-pom-form-field clearfix" style="width: 333px; height: 21px; top: 0px;">
<label for="name" class="main" style=
"top: 0px;">Name *</label><input type="text" id=
"name" name="name" class="text" style=
"position: absolute; top: 0px; left: 85px; width: 240px; font-size: 12px; line-height: 12px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px;" />
</div>

<div class="lp-pom-form-field clearfix" style=
"width: 333px; height: 21px; top: 29px;">
<label for="email" class="main" style=
"top: 0px;">Email *</label><input type="text" id=
"email" name="email" class="text" style=
"position: absolute; top: 0px; left: 85px; width: 240px; font-size: 12px; line-height: 12px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px;" />
</div>

<div class="lp-pom-form-field clearfix" style=
"width: 333px; height: 21px; top: 58px;">
<label for="phone" class="main" style=
"top: 0px;">Phone *</label><input type="text" id=
"phone" name="phone" class="text" style=
"position: absolute; top: 0px; left: 85px; width: 240px; font-size: 12px; line-height: 12px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px;" />
</div>

<div class="lp-pom-form-field clearfix" style=
"width: 333px; height: 21px; top: 87px;">
<label for="zip_code" class="main" style=
"top: 0px;">Zip Code *</label><input type="text"
id="zip_code" name="zip_code" class="text" style=
"position: absolute; top: 0px; left: 85px; width: 240px; font-size: 12px; line-height: 12px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px;" />
</div>

<div class="lp-pom-form-field clearfix" style=
"width: 333px; height: 21px; top: 116px;">
<label for="company" class="main" style=
"top: 0px;">Company</label><input type="text" id=
"company" name="company" class="text" style=
"position: absolute; top: 0px; left: 85px; width: 240px; font-size: 12px; line-height: 12px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px;" />
</div>

<div class="lp-pom-form-field clearfix" style=
"width: 333px; height: 79px; top: 145px;">
<label for="comments" class="main" style=
"top: 0px;">Comments</label>
<textarea id="comments" name="comments" class=
"text" style=
"top: 0px; left: 85px; width: 240px; font-size: 12px; line-height: 14px; height: 70px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px;">
</textarea>
</div><input id="utm_content" name="utm_content"
type="hidden" class="hidden" value="" /><input id=
"utm_source" name="utm_source" type="hidden" class=
"hidden" value="" /><input id="utm_medium" name=
"utm_medium" type="hidden" class="hidden" value=
"" /><input id="utm_term" name="utm_term" type=
"hidden" class="hidden" value="" /><input id=
"utm_campaign" name="utm_campaign" type="hidden"
class="hidden" value="" /><input id="gclid" name=
"gclid" type="hidden" class="hidden" value="" />
</fieldset>
</form><a class="lp-element lp-pom-button" href="#" id=
"lp-pom-button-40" style=
"position:absolute;left:53px;top:280px;z-index:24;width:227px;height:58px;"><span class="label"
style="margin-top: -13px;">Let us help</span></a>
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-78"
style=
"position:absolute;left:73px;top:474px;z-index:25;width:25px;height:25px;">
<img src=
"images/lock.original_4j8y6wyy0mbu6m80.jpg"
alt="" />
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-83"
style=
"position:absolute;left:109px;top:121px;z-index:26;width:216px;height:54px;">
<img src=
"images/CMIT-Logo-transparent.original.png"
alt="" />
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-90"
style=
"border-style:none;border-width:undefinedpx;border-color:#undefined;position:absolute;left:99px;top:191px;z-index:27;width:247px;height:28px;">
<p style="text-align: center;vertical-align:middle;">
<span style="color:#d2ccb6;"><span style=
"font-size: 28px;"><strong>&nbsp;(800)
598-0106</strong></span></span></p>
</div>
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-42"
style="left:19px;top:228px;left:19px;top:228px;position:absolute;left:19px;top:228px;z-index:14;width:392px;height:144px;">
<div style=
"font-size: 28px;font-family: georgia,serif;text-align: center;">
<p style="font-size: 28px;line-height:28px;">
<em>Relax<span id="city_2"></span>.</em></p>

<p style="font-size: 28px;line-height:28px;"><em>You have
an outsourced IT service solution, custom built for your
business.</em></p>
</div>
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-43"
style=
"left:29px;top:410px;left:29px;top:410px;position:absolute;left:29px;top:410px;z-index:28;width:32px;height:26px;">
<img src=
"images/bullet-arrow-green.original.png"
alt="" />
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-44"
style="left:75px;top:465px;left:75px;top:465px;position:absolute;left:75px;top:465px;z-index:30;width:305px;height:38px;">
<p><span style="font-size: 16px; line-height: 19px;"><strong>
<span style="font-family: arial,helvetica,sans-serif;">Do
you need to find the best prices on the best hardware and
software?</span></strong></span></p>
</div>

tykilroy
01-23-2013, 07:47 PM
Continured from post (IE9 issues part one)

Here is the rest of the code from IE9 issues part one.
Just paste this to the bottom of the code from IE9 part one




<div class="lp-element lp-pom-image" id="lp-pom-image-45"
style=
"left:29px;top:463px;left:29px;top:463px;position:absolute;left:29px;top:463px;z-index:31;width:32px;height:26px;">
<img src=
"images/bullet-arrow-green.original.png"
alt="" />
</div>

<div class="lp-element lp-pom-box" id="lp-pom-box-50" style=
"left: 1px; top: 997px; left: 1px; top: 997px; background: rgb(255, 255, 255); background-image: url(images/testimonial-bg-grad.original.png); background-repeat: repeat-x; background-position: center top; border-style: none; border-width: undefinedpx; position: absolute; left: 1px; top: 997px; z-index: 4; width: 799px; height: 187px">
<div class="lp-element lp-pom-image" id="lp-pom-image-51"
style=
"position:absolute;left:29px;top:105px;z-index:6;width:32px;height:11px;">
<img src=
"images/testimonial-arrow.original.gif"
alt="" />
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-52"
style=
"position:absolute;left:16px;top:9px;z-index:10;width:726px;height:78px;">
<p><em><span style="color: rgb(2, 2, 2);"><span style=
"font-size: 18px; line-height: 26px;"><span style=
"font-family: georgia,serif;">“Before CMIT, we were
in such a fog to just survive the day that we couldn't
really move forward.&nbsp; We needed to get out of that
environment, and CMIT helped us.&nbsp; It is almost as if
they put a bubble around us to protect us and make us more
effective.”<br /></span></span></span></em></p>
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-53"
style=
"position:absolute;left:17px;top:94px;z-index:11;width:400px;height:100px;">
<p>&nbsp;</p>

<div style=
"height: 100%; font-family: helvetica, arial, 'sans serif'; font-size: 14px; line-height: 17px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">
<p><span style=
"color: rgb(106, 106, 106);"><span style="line-height: 14px; font-size: 12px;">
<span style=
"font-family: arial, helvetica, sans-serif;"><strong>Ennis
Flowers</strong><br />
Transportation Manager<br />
Unified Consultants Group</span></span></span></p>
</div>
</div>
</div>

<div class="lp-element lp-pom-box" id="lp-pom-box-54" style=
"left: 1px; top: 1226px; left: 1px; top: 1226px; background: rgb(255, 255, 255); background-image: url(images/testimonial-bg-grad.original.png); background-repeat: repeat-x; background-position: center top; border-style: none; border-width: undefinedpx; position: absolute; left: 1px; top: 1226px; z-index: 15; width: 799px; height: 187px">
<div class="lp-element lp-pom-image" id="lp-pom-image-55"
style=
"position:absolute;left:29px;top:105px;z-index:7;width:32px;height:11px;">
<img src=
"images/testimonial-arrow.original.gif"
alt="" />
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-56"
style=
"position:absolute;left:16px;top:9px;z-index:16;width:729px;height:78px;">
<p><em><span style="color: rgb(2, 2, 2);"><span style=
"font-size: 18px; line-height: 26px;"><span style=
"font-family: georgia,serif;">“Our systems were only
getting backed up monthly, then CMIT came in, and now they
are automatically backed up to the server. We had a center
that lost everything. They made a phone call to CMIT, and
CMIT was able to restore their data within a couple of
hours.”<br /></span></span></span></em></p>
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-57"
style=
"position:absolute;left:16px;top:94px;z-index:17;width:400px;height:100px;">
<p>&nbsp;</p>

<div style=
"height: 100%; font-family: helvetica, arial, 'sans serif'; font-size: 14px; line-height: 17px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">
<p><span style=
"color: rgb(106, 106, 106);"><span style="line-height: 14px; font-size: 12px;">
<span style=
"font-family: arial, helvetica, sans-serif;"><strong>Rose
Morelock</strong><br />
VP of Operations<br />
Children's Lighthouse</span></span></span></p>
</div>
</div>
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-65"
style="left:75px;top:414px;position:absolute;left:75px;top:414px;z-index:29;width:352px;height:38px;">
<p><span style="font-size: 16px; line-height: 19px;"><strong>
<span style="font-family: arial,helvetica,sans-serif;">Are
your employees wasting time
performing&nbsp;</span></strong></span><strong style=
"font-size: 16px; line-height: 19px;"><span style=
"font-family: arial,helvetica,sans-serif;">their&nbsp;own
'tech support'?</span></strong></p>
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-66"
style=
"left:29px;top:521px;position:absolute;left:29px;top:521px;z-index:32;width:32px;height:26px;">
<img src=
"images/bullet-arrow-green.original.png"
alt="" />
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-67"
style="left:75px;top:524px;position:absolute;left:75px;top:524px;z-index:33;width:334px;height:38px;">
<p><span style="font-size: 16px; line-height: 19px;"><strong>
<span style=
"font-family: arial,helvetica,sans-serif;">Would you like
to make your network work for you instead of the other way
around?</span></strong></span></p>
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-68"
style=
"left:29px;top:579px;position:absolute;left:29px;top:579px;z-index:34;width:32px;height:26px;">
<img src=
"images/bullet-arrow-green.original.png"
alt="" />
</div>

<div class="lp-element lp-pom-text" id="lp-pom-text-69"
style="left:75px;top:582px;position:absolute;left:75px;top:582px;z-index:35;width:305px;height:36px;">
<p><font class="Apple-style-span" face=
"arial, helvetica, sans-serif" size="3"><span class=
"Apple-style-span" style=
"font-weight: 800; line-height: 16px;">Let CMIT be your
'Virtual CIO' and relax knowing that it's all taken care
of.</span></font></p>
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-72"
style=
"left:400px;top:673px;position:absolute;left:400px;top:673px;z-index:37;width:172px;height:68px;">
<a href=
"http://partnerdirect.dell.com/sites/channel/en_us/Marketing-and-Sales/Marketing-Tools/Find-a-Partner/pages/PartnerFinder.aspx"
target="_blank"><img src=
"images/dellpremier.original_4ln4lw4iozi7uqdc.png"
alt="" /></a>
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-73"
style=
"left:239px;top:676px;position:absolute;left:239px;top:676px;z-index:36;width:144px;height:62px;">
<a href="https://partner.microsoft.com/us/partner"
target="_blank"><img src=
"images/MSPartner.original.png"
alt="" /></a>
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-74"
style=
"left:621px;top:659px;position:absolute;left:621px;top:659px;z-index:38;width:128px;height:95px;">
<a href=
"http://www.inc.com/inc5000/profile/cmit-solutions"
target="_blank"><img src=
"images/inc5000.original_4kxc2t0rkouebwn4.png"
alt="" /></a>
</div>

<div class="lp-element lp-pom-box" id="lp-pom-box-79" style=
"left:0px;top:18px;background:#fff;border-style:solid solid none solid;border-width:1px;border-color:#ccc;position:absolute;left:0px;top:18px;z-index:12;width:799px;height:450px;">
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-88"
style=
"position:absolute;left:8px;top:25px;z-index:13;width:412px;height:201px;">
<img src=
"images/LandingPagePhoto-outsourced-IT-support.original.jpg"
alt="" />
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-93"
style=
"position:absolute;left:527px;top:211px;z-index:18;width:30px;height:32px;">
<img src=
"images/phone.jpg"
alt="" />
</div>

<div class="lp-element lp-pom-image" id="lp-pom-image-99"
style=
"position:absolute;left:62px;top:681px;z-index:39;width:135px;height:51px;">
<a href=
"http://www.bbb.org/central-texas/business-reviews/computers-service-and-repair/cmit-solutions-in-austin-tx-47085"
target="_blank"><img src=
"images/1ud6i5w-bbbsealh1US.png"
alt="" /></a>
</div>
</div>

<div class="lp-element lp-pom-block" id="lp-pom-block-80"
style="background: #023366; margin: 0; position: relative; width: 100%; height: 17px;">
<div class="lp-pom-block-content" style=
"margin: auto; width: 800px; height: 17px;"></div>
</div>

<div class="lp-element lp-pom-block" id="lp-pom-block-1" style=
"background: #f9f9f7; border-style: none; border-width: 1px; border-color: #cccccc; margin: 0; position: relative; width: 100%; height: 449px;">
<div class="lp-pom-block-content" style=
"margin: auto; width: 800px; height: 449px;"></div>
</div>

<div class="lp-element lp-pom-block" id="lp-pom-block-63"
style="background: rgb(255, 255, 255); background-image: url(images/bg-grad-fade-edge-ul.original.png); background-repeat: no-repeat; background-position: center bottom; border-style: none none none solid; border-width: 1px; border-color: rgb(204, 204, 204); margin: auto; position: relative; width: 799px; height: 318px">
<div class="lp-pom-block-content" style=
"margin: 0; width: 100%; height: 100%;"></div>
</div>

<div class="lp-element lp-pom-block" id="lp-pom-block-6" style=
"background: rgb(255, 255, 255); background-image: url(images/bg-grad-fade-edge-ul.original.png); background-repeat: no-repeat; background-position: center bottom; border-style: none none none solid; border-width: 1px; border-color: rgb(204, 204, 204); margin: auto; position: relative; width: 799px; height: 0px">
<div class="lp-pom-block-content" style=
"margin: 0; width: 100%; height: 100%;"></div>
</div>

<div class="lp-element lp-pom-block" id="lp-pom-block-10"
style="background: #fff; border-style: none none none solid; border-width: 1px; border-color: #ccc; margin: auto; position: relative; width: 799px; height: 709px;">
<div class="lp-pom-block-content" style=
"margin: 0; width: 100%; height: 100%;"></div>
</div>
</div>

<div id="lp-pom-form-39-errors" class="lp-form-errors">
<div class="content">
<div class="error">
Please correct the following errors:
</div>
</div>
</div>
</body>
</html>

tykilroy
01-23-2013, 08:39 PM
Webpage renders fine in Chrome but in IE9 I am having issues with certain DIV tags rendering to the left of the page when they are supposed to be centered.

Here is one of the HTML DIVs that is not rendering right in IE9


<div class="lp-element lp-pom-block" id="lp-pom-block-63" style="background: rgb(255, 255, 255); background-image: url(images/bg-grad-fade-edge-ul.original.png); background-repeat: no-repeat; background-position: center bottom; border-style: none none none solid; border-width: 1px; border-color: rgb(204, 204, 204); margin: auto; position: relative; width: 799px; height: 318px">
<div class="lp-pom-block-content" style="margin: 0; width: 100%; height: 100%;"></div>
</div>

Here is the CSS


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,b lockquote,th,td{margin:0;padding:0;}

tracknut
01-23-2013, 11:02 PM
Put a doctype at the top of your code, so IE will render it in standards mode. Then see what it looks like...

Dave



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum