Hotmail (live.mail) css float not supported?

Question

Trying a whole bunch of different ways to get my elements to float (which all work in gmail etc) in hotmail.

< div class="plzfloat" id="floats" style="float:left"> #floats{float:left;} .plzfloat { float:left;}

I even added css rules for a class and id that would add the float rule but when I view it in hotmail all my floats have been stripped out of my email.

Been searching google but haven't had any luck finding sources saying float isn't supported by hotmail - anyone have any experience with this?

Cheers, Ian

Answer 1

You can't code emails the same way as you do for web.

Here is a resource for starting out in HTML email: http://www.reachcustomersonline.com/how-to-code-html-email-newsletters-all-new-version/

It will get you started on the right path.

Answer 2

If you are doing emails, you should use tables, tables, tables and tables for everything. This especially applies to clients developed by Microsoft.

Right aligning image for Outlook email

Answer 3

I was able to get my divs to "float" by first defining a div container width forcing anything within the container to break once the width is filled. Within the container I then set-up child divs and set their style's to display: inline;.

This way they align next to each other but then automatically break at a particular width. I hope that helps!

I tested in outlook and it actually rendered.

~Dianne

Answer 4

Yes Because of the simple fact that live is no longer good and not web supported.