Search code examples
csssafaripositionfixedemail-templates

Position not work well for email template in safari

I am trying to create one email template have one footer and wants to fix in Bottom of the email template, Is there any way? Appreciate in advance.

Solution

  • A CSS answer. You 'build up' from this corner. An imported image may help with looks. I used the hash tag to make it a division class. Only a division can have a z-index assigned to it.

    <style>
#e_mail_template {position:fixed;left:0;bottom:0;z-index:1000;}
</style>

    NOTE: Read Syfers comment: "You can make it static on mobile devices but not on all email clients. It will not work on some email clients like Outlook."

    Also note that a fixed position with a z-index of 1000 will place this (and the divisions contents) above all other objects.