1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

IE breaks html/css in gmail/hotmail..etc

Discussion in 'HTML & Website Design' started by Googles76, Jan 27, 2010.

  1. #1
    Trying to solve why IE breaks text formating in e-mail clients. Ex:

    IE browser everything is fine:
    [​IMG]

    IE in gmail, alignment is broken:
    [​IMG]

    Now this only happens in IE, and it happens to all templates, mine, this one I got from http://www.campaignmonitor.com/templates/ and others I tried..

    Any clue why this is happening?

    Thanks.
     
    Googles76, Jan 27, 2010 IP
  2. lkraj

    lkraj Greenhorn

    Messages:
    72
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #2
    In gmail, all the text is getting center aligned. In your HTML, try removing align="center"

    The following HTML fragment
    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td align="center">

    should be

    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
     
    lkraj, Jan 31, 2010 IP
  3. mrpaisa

    mrpaisa Guest

    Messages:
    741
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    What would you suggest if i still want to center my page....

    pl. reply
     
    mrpaisa, Feb 1, 2010 IP
  4. jonmaster

    jonmaster Peon

    Messages:
    181
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    withouth seeing the template code it is hard to tell,

    but you can add a div container to the whole template and text align to center

    <div id="wrapper" style="text-align:left">

    codes for templates

    </div>

    you have to work a bit for the templates to work same in all browsers
     
    jonmaster, Feb 2, 2010 IP
  5. MrKushhy

    MrKushhy Peon

    Messages:
    67
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    wrap your code in a wrapper div then margin:0 auto the wrapper div
     
    MrKushhy, Feb 2, 2010 IP
  6. jonbeebe

    jonbeebe Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I agree with the responses above, you should just add your content into an extra div that is aligned to the left in your email templates... and use what you're currently using for the web templates.
     
    jonbeebe, Feb 4, 2010 IP