5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Google Analytics Code Ruins Layout

by JamesPenn
4 replies
  • WEB DESIGN
    • |
Hi guys

I've been working on a new site today and it was all going well until I added my Google Website Optimizer code for my original page.

The page looks okay in Google Chrome but not in IE.

Here it is:

From Fat Abs to Flat Abs

Can anyone identify some stray HTML that's causing this misalignment.

This is what it should look like:

From Fat Abs to Flat Abs

A second question - I'm currently using a trial version of Dreamweaver CS5. I want to get myself a copy. On the US Adobe site you can get a copy for $149.99 with valid student ID - but I need to get a UK version I believe.

On the UK site I see no student discounts and the price is £450 (about $700!). Is there anywhere else I can get a legal copy but not at such a high price.

Thanks,
James

Also, when I add the Google Optimizer code at the top of the page, I'm unable to edit the page in Dreamweaver.
#analytics #code #google #layout #ruins
  • Profile picture of the author alkantenik
    I think you use another script on your page. These two scripts are conflict themselves. IE has hundreds of problem. I hate it..
    Signature
    Wordpress Designer
    Skype: wordpress_alkan
    {{ DiscussionBoard.errors[2223378].message }}
    • Profile picture of the author JamesPenn
      The scripts I'm using on there are:

      Google Website Optimizer
      Google Analytics
      Aweber Opt-in Form

      I have all three set up on other pages and they work fine. The only difference with this page is that because it's the "control" in the split test I need to put the Optimizer code at the top AND the bottom. It seems that having it at the top is causing this problem.

      Any ideas why this is?

      Thanks,
      James
      {{ DiscussionBoard.errors[2223580].message }}
  • Profile picture of the author pmrc
    just after your opening body tag insert a <center> and before the closing body tag enter </center> and in your stylesheet change the width of the background-image for contentbg to 650.

    Everything should be perfect then

    You are also going to need to edit your table a little bit to make it look like it should.
    Just replace the old table with this (make sure to reinsert your script code):

    <table width="550" border="0">
    <tr>
    <td width="294"><p align="center">Sign up below for your FREE subscription to my Flat Abs Secrets email newsletter. As a thanks for signing up, you can <strong>instantly download a proven plan for getting firm, flat and sexy abs WITHOUT going to the gym.</strong></p></td>
    <td width="246" rowspan="2"><img src="/images/mag4.jpg" width="230" height="230" /></td>
    </tr>
    <tr><td align="center"><p> INSERT SCRIPT CODE HERE &nbsp;</p>
    <p align="center">Can't see this form? <a href="/htmlform.html">Click here.</a></p></td></tr>
    </table>

    If you need anything else you can message me on skype.
    Signature
    Make Money With Traffic Exchanges
    {{ DiscussionBoard.errors[2224273].message }}
    • Profile picture of the author JamesPenn
      Originally Posted by pmrc View Post

      just after your opening body tag insert a <center> and before the closing body tag enter </center> and in your stylesheet change the width of the background-image for contentbg to 650.

      Everything should be perfect then

      You are also going to need to edit your table a little bit to make it look like it should.
      Just replace the old table with this (make sure to reinsert your script code):

      <table width="550" border="0">
      <tr>
      <td width="294"><p align="center">Sign up below for your FREE subscription to my Flat Abs Secrets email newsletter. As a thanks for signing up, you can <strong>instantly download a proven plan for getting firm, flat and sexy abs WITHOUT going to the gym.</strong></p></td>
      <td width="246" rowspan="2"><img src="/images/mag4.jpg" width="230" height="230" /></td>
      </tr>
      <tr><td align="center"><p> INSERT SCRIPT CODE HERE &nbsp;</p>
      <p align="center">Can't see this form? <a href="/htmlform.html">Click here.</a></p></td></tr>
      </table>

      If you need anything else you can message me on skype.
      Thanks very much for your help.

      Unfortunately, when I make those changes the alignment becomes wrong in Chrome. I hate HTML!

      For now I've removed my Google Optimizer code and now it appears to be working in both. I'll have to get someone to sort it out before I start testing my pages!

      James
      {{ DiscussionBoard.errors[2225177].message }}

Trending Topics