Hi Guys,
 
It is also possible to put your styles into the body instead of using
inline CSS. Whilst this doesn't validate it gets around the head being
stripped out and works in all email clients as far as I know (certainly
did 9 months ago). This is the way many of the big email companies in
the UK do it.
 
James

________________________________

From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf Of Robin @ Xplore.net
Sent: 07 December 2006 19:35
To: [email protected]
Subject: RE: [WSG] div stretching with text



Thanks Tom,

 

Yeah I get the idea, not ideal, but when needs must...

 

 

Robin 

 




On 12/6/06 9:21 PM, "Robin @ Xplore.net" <[EMAIL PROTECTED]> wrote:

I have built a template for a html email cms, and I am having trouble
getting the editable regions to stretch vertically when text is entered,
the text just scrolls out of the top of the div.
I am guessing that it must be an old ie bug but can't figure out what
the problem is, could you please help.


Have you used this type of template before? Any emails with CSS we have
done that were successful had no doctype or head. The outer-most
container was the body tag. Also, all CSS had to be embedded in-line and
repeated on elements as some online services strip CSS out of the head
if it's there. 

For email, you gained the element control of CSS - which is far better
than old-school spacer gifs and font tags - but lost a lot of the
efficiencies.

For example:

<body style="margin:0; padding:0; border:0; background-color:#fff;">
<center>

<snip...>

<table width="540" cellpadding="0" cellspacing="0" border="0"
style="border-top:1px solid #a19a9a; margin-top:35px;">
        <tr>
            <td>
                <p style="font-family:Arial, Helvetica, sans-serif;
color:#000000; font-size:11px; line-height:13px; padding-top:10px;
padding-left:10px;">If you would rather not receive email updates from
us, you can <a href="" style="color:#000000;">delete your name</a> from
our list.</p>
                
                <p style="font-family:Arial, Helvetica, sans-serif;
color:#000000; font-size:11px; line-height:13px; padding-left:10px;">If
you have any questions about our privacy policy, ... </p>
            </td>
        </tr>
    </table>

</center>
</body>


You get the idea, I think. Not ideal as far as css goes, I know, but
this has been the most stable across desktop email apps and online email
users for us.

HTH


-- 
Tom Livingston | Senior Multimedia Artist | Media Logic | 
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
******************************************************************* 
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
******************************************************************* 


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to