Outlook 07 2 colonne de mise en page flexible

Je suis en train de créer un e-mail deux colonnes de mise en page flexible, qui fonctionne dans Outlook 07, j'ai créé une version réussie dans Outlook 03, hotmail, gmail, yahoo et aol, à la fois IE et Mozilla Firefox, cependant en testant dans Outlook 07 il enlève mon css gauche float. Ce que je voudrais, c'est une mise en page avec une photo à gauche et un texte à droite à propos de la photo, mais en plein écran quand la taille de l'écran est réduite, par exemple sur un téléphone portable, pour le texte passer sous la photo. Quand l'écran est grand, je voudrais qu'il revienne à l'apparence des deux colonnes.Outlook 07 2 colonne de mise en page flexible

<div> 
    <div style="float:left;width:230px;"> 
     <a href="http://www.google.co.uk" target="_blank"><img src="http://www.maip.com/media/images/Google%20Logo.jpg" border="0" width="230" height="150" style="margin-bottom:5px;"></a> 
    </div> 
    <div> 
    <h4>Test, Test, Test</h4> 
    <p style="margin:0 0 0px 0;">Test</p> 
    <p>Test text test text kfjhsdkhfjkdshjkf fjsdlfkjsdljflsdjfl sd dfkljflsdjfkljsdlkfjklsdjf dfksdjfkljsdklfjklsdf sdfjsdljfldjfklsd,f lkl sdjkl jdkl jdkljfdkljfklsdjfklj ldk jlksd Test text test text Test text test text Test text test text Test text test text Test text test text Test text test text Test text test text 
    <a href="http://www.google.co.uk/" target="_blank" >Read more</a>.</p> 
    <p>Arrange to view this property</a></p> 
    </div> 
</div>

Mozilla rend le code html comme je le veux, mais qui ne représentent pas, actuellement sur IE 6

Toute aide à ce sujet serait vraiment très apprécié comme je l'ai cherché toute la journée et la seule chose Je peux trouver des réponses de largeur fixe mais rien de flexible.

tout le monde à l'avance pour Remerciant leurs réponses

Cameron

Source

2008-09-16 Anonymous

Avec Outlook 2007, Microsoft a décidé de cesser d'utiliser le moteur IE pour rendre le HTML, et d'utiliser plutôt le moteur Word. Cela signifie que vous êtes sévèrement restreint au style que vous pouvez appliquer si vous avez besoin que vos e-mails fonctionnent pour les utilisateurs Outlook 2007.

Malheureusement, float est l'une des fonctionnalités non prise en charge par Outlook 2007: pour la disposition des colonnes, vous devez utiliser des tables. :(

Remarque, pour obtenir IE fonctionne mieux, assurez-vous que vous avez un DOCTYPE valide donc il ne revient pas au mode Quirks. Le DOCTYPE simple qui fonctionne le mieux à tous les agents utilisateurs est le DOCTYPE HTML5 proposé, qui est tout simplement:

<!DOCTYPE html>

Voilà tout ce qui est à elle - aucun des autres choses est nécessaire (note, tout cela fonctionne dans les navigateurs, le validateur W3 se plaindra de ce type de document - vous pouvez utiliser le DOCTYPE de remplacement. si vous souhaitez utiliser le validateur.)

Retour à ce que CSS, vous pouvez utiliser dans les courriels ... Il y a une projection PDF qui attributs CSS sont pris en charge entre les différents clients ici:
http://www.campaignmonitor.com/reports/Guide_to_CSS_Support_in_Email_2007.pdf

Et voici quelques détails sur ce qui est et ISN » t pris en charge:
http://www.email-standards.org/clients/microsoft-outlook-2007/
http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html

Source

2008-09-16 17:45:46

Yep, Outlook 2007 CSS succions. –

Outlook 07 2 colonne de mise en page flexible

Répondre

Questions connexes