MS Outlook 2007 - float css helyett?

MS Outlook 2007 - float css helyett?
2013-02-20T21:04:18+01:00
2013-04-11T08:10:48+02:00
2022-11-28T18:40:41+01:00
stuli
Üdv,

A problémám hogy html emailt szeretnék küldeni de a formátum a 2007 utáni MS outlookkal nem jelenik meg tökéletesen.
Itt egy példa (felül az alap kód van, alul pedig amit helyette próbáltam használni):

<html> <head> <title>Teszt</title> </head> <body> <div>Teszt cím</div> <div style="margin:20px;"> <div style="border:1px solid silver;"> <div style="background-color:darkblue; height:25px;"> <div style="width:150px; float:left; color:white; margin:2px;">2013.02.20</div> <div style="float:left; color:white; margin:2px;">Teszt szöveg</div> <div style="float:right; color:white; margin:2px;">Jobbra igazított szöveg</div> </div> <div style="margin:5px;">Ez egy teszt szöveg</div> </div> <br/> <div style="border:1px solid silver;"> <div style="height:25px;"> <table border="0" cellspacing="0" cellpadding="0" style="width:100%;"> <tr> <td style="background-color:darkblue; width:150px; text-align:left; color:white; margin:2px;">2013.02.20</td> <td style="background-color:darkblue; text-align:left; color:white; margin:2px;">Teszt szöveg</td> <td style="background-color:darkblue; text-align:right; color:white; margin:2px;">Jobbra igazított szöveg</td> </tr> </table> </div> <div style="margin:5px;">Ez egy teszt szöveg</div> </div> </div> </body> </html>

Előbbi ha egy World-ben megnyitom akkor az első kék hátteres sort 3 sorra tördeli.
A másik megoldásnál viszont a táblázat kilóg az oldalról a width:100% miatt.

Valaki tud erre megoldást?
Mutasd a teljes hozzászólást!
Olyan html email amit outlook 2007-tel nyitok meg. Az outlook 2007 pedig a word 2007 html fordítóját használja. Ez által nem kell mindig email-t küldeni a teszteléshez, hanem lehet használni a word-öt.

Egyébként arra jutottam hogy nincs olyan amit float helyett normálisan lehetne használni. A téma törlését kezdeményeztem többször is de valamiért nem törlődött, úgyhogy ezt a válaszomat fogom elfogadni megoldásnak.
Mutasd a teljes hozzászólást!

  • Helo,

    A levelező kliensek nagy része nem jeleníti meg vagy értelmezi a div-eket, de legalábbis rosszul. Leginkább táblázatokat kellene erre használnod, inline css-el. Ennek több kritériuma és szabálya is van.

    Olvasd el ezt a témát, ott már leírtam elég sok mindent: link
    Mutasd a teljes hozzászólást!
  • Szia!

    Átalakítottam div-ek nélküli táblázatra, de így is ugyanaz van mint az első hozzászólásom második részében. A width:100% miatt kilóg az oldalról a táblázat. Viszont ha nem használom a width:100% tulajdonságot akkor teljesen összemegy kicsire. Hogy lehet ezt kiküszöbölni?

    <html> <head> <title>Teszt</title> </head> <body> Teszt cím <table border="0" cellspacing="0" cellpadding="0" style="width:100%; margin:20px; border:1px solid silver;"> <tr> <td style="background-color:darkblue; width:150px; text-align:left; color:white; margin:2px;">2013.02.20</td> <td style="background-color:darkblue; text-align:left; color:white; margin:2px;">Teszt szöveg</td> <td style="background-color:darkblue; text-align:right; color:white; margin:2px;">Jobbra igazított szöveg</td> </tr> <tr> <td>Ez egy teszt szöveg</td> </tr> </table> </body> </html>
    Mutasd a teljes hozzászólást!
    Csatolt állomány
  • Lehet, hogy én értettelek félre, de te nem html-emailt szeretnél küldeni? Nekem ez jött le így elsőre...Mert ha igen, akkor ne Word-el teszteld...
    Mutasd a teljes hozzászólást!
  • Amúgy a táblán van egy margin:20px; az csúsztatja el...
    Mutasd a teljes hozzászólást!
  • Olyan html email amit outlook 2007-tel nyitok meg. Az outlook 2007 pedig a word 2007 html fordítóját használja. Ez által nem kell mindig email-t küldeni a teszteléshez, hanem lehet használni a word-öt.

    Egyébként arra jutottam hogy nincs olyan amit float helyett normálisan lehetne használni. A téma törlését kezdeményeztem többször is de valamiért nem törlődött, úgyhogy ezt a válaszomat fogom elfogadni megoldásnak.
    Mutasd a teljes hozzászólást!
  • De, van, én is belefutottam már ebbe a problémába.

    Itt a topic.
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd