Как закруглить углы контейнеру в верстке электронных писем (outlook)?

Question

[Мариана Марианова]

Начала использовать Zurb Foundarion для верстки электронных писем.
Нужно контейнеру задать border-radius. Во всех почтовых серверах border-radius отображается, а в outlook нет. Использую код xml специально для outlook, но не помогает. Мне кажется это из-за v:textbox, так как внутри container у меня не текст, а элементы таблицы. Тогда что вместо него использовать?

<!--[if mso]>
<v:roundrect fillcolor="red" arcsize="35%" style="width:600;height:800">
<v:textbox style="mso-fit-shape-to-text:true">
<!--[endif]-->
<div>
        <container style="border-radius:10px;overflow: hidden;" class="custom-p">
                <row>
                        <columns class="custom-p">
                                Текст
                        </columns>
                </row>
        </container>
<div>
<!--[if mso]>
</v:textbox>
</v:roundrect>
<!--[endif]-->

P.S.

Я разобралась. Может кому-то пригодится:
С помощью кода xml можно Сделать border-radius для outlook:
Всего лишь нужна такая конструкция (то, что закомментированно):

<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" 
                    xmlns:w="urn:schemas-microsoft-com:office:word"
                    style="width:580px;height:550;"
                    arcsize="2%" stroke="0"
                    fill="t">
<!--[endif]-->
<div>
        <container style="border-radius:10px;overflow: hidden;" class="custom-p">
                <row>
                        <columns class="custom-p">
                                Текст
                        </columns>
                </row>
        </container>
<div>
<!--[if mso]>
</v:roundrect>
<!--[endif]-->

Answer 1

[Максим Тимофеев]

border-radius и не во всех браузерах работает,а Вы хотите, что бы в почтовиках работал? Где-то будет, где-то нет. Таковы реалии:
https://caniuse.com/#search=border-radius

Если надо кровь из носу везде одинаково, во всех почтовых - только таблицами и картинками. Страшно, больно, тошнит от такой верстки, понимаю, но будет работать.

Comments

[Мариана Марианова]

спасибо большое, но я разобралась. Border-radius в Outlook это реально! С помощью кода xml можно этого добиться, может будет полезно:
Всего лишь нужна такая конструкция:

<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" 
                    xmlns:w="urn:schemas-microsoft-com:office:word"
                    style="width:580px;height:550;"
                    arcsize="2%" stroke="0"
                    fill="t">
<!--[endif]-->
<div>
        <container style="border-radius:10px;overflow: hidden;" class="custom-p">
                <row>
                        <columns class="custom-p">
                                Текст
                        </columns>
                </row>
        </container>
<div>
<!--[if mso]>
</v:roundrect>
<!--[endif]-->

[Максим Тимофеев]

Марина Галий, В каких версия работает? Сколько еще агентов не отобразят?

[Мариана Марианова]

у меня 2007, работает вроде как начиная с 2007, хоть в каких-то версиях

[Максим Тимофеев]

Марина Галий, это борьба с ветряными мельницами, как по мне. Или картинки и таблицы и все видят одинаково или забить на тех, кто не отображает border-radius.
И что бы Вы понимали за что Вы боритесь:
22% открывают почту на desktop из них 33% это outlook. Это было в 2014, сейчас мобильные устройства думаю еще в половину сократили их долю рынка. Вы воюете за 3% пользователей максимум. В то время, как лучше думать, как это смотрится в gmail и mail.ru, в web и на мобильных. И то, это же не критичный параметр. Верстка не едет из-за border-radius. Зачем?

[Евгений]

Максим Тимофеев, Чем-то похоже на оптимизацию под IE :)

[Мариана Марианова]

Максим Тимофеев, это для тех, кто будет просить корректное отображение для Outlook. И просто самой интересно!

[Максим Тимофеев]

Марина Галий,

это для тех, кто будет просить корректное отображение для Outlook.

Ценник 4x и сразу пропадает необходимость у заказчика. Проверено. Просто Вас просят сделать херню, а Вы за это денег дополнительно не берете. Это не верно.

[Максим Тимофеев]

Евгений, да, как-то раз просили под netskape еле объяснил, что он давно умер.