| tykilroy |
01-23-2013 07:45 PM |
IE9 issues
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
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. Now, because of CMIT
Solutions, 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;border-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 <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> (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>
|
