Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: IE9 issues

  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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.&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;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&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>

  • #2
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE9 issues part two

    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



    Code:
    <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>

  • #3
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE9 issues with DIV placement

    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

    Code:
    <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

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

  • #4
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,441
    Thanks
    11
    Thanked 305 Times in 304 Posts
    Put a doctype at the top of your code, so IE will render it in standards mode. Then see what it looks like...

    Dave


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •