Hi,
We have some troubles with changing of background image in the editor with IE11 and other browsers.
The editor is picking the wrong table or cell all time.
IE11:
There are two tables: container and content. The container table have an background image, when we want to change it in IE11, we need to work above the content table, the sections next the content table will pick the content table instead of the container table. Please view the screencast: http://www.screencast.com/users/lej333/folders/Jing/media/1d2a1192-9a72-405c-a3f7-0b1c47bcd0f0.
Chrome:
Same problem but the issue is only to the left section next the content table:
http://www.screencast.com/users/lej333/folders/Jing/media/1aaba5c2-aa5f-40ce-b927-62ac539d037e
With the old version of the editor, we didn't had this issue and was working as expected. Since switch to the new engine not...
Tested with your demo with the latest version, works very bad!! The content table will lose his width and the background image will be placed in the wrong cells or tables. Sometimes the editor crashes with 'access denied' in the developer console of IE11 (rule 28, char 39):
http://www.screencast.com/users/lej333/folders/Jing/media/7258718e-3140-4ab9-a845-9e088a3dee76
Source used to test:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
>
<
head
>
<
meta
name
=
"SKYPE_TOOLBAR"
content
=
"SKYPE_TOOLBAR_PARSER_COMPATIBLE"
/>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=UTF-8"
/>
<
title
>Van Abbemuseum - Nieuwsbrief</
title
>
<
style
type
=
"text/css"
>
BODY {
-webkit-text-size-adjust: none;
}
a {color: #0097e1; }
</
style
>
</
head
>
<
body
style
=
"margin: 0px; background-image: url('http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/Cindy_Sherman_72_DPI.jpg'); background-color: white;"
>
<
table
style
=
"width: 100%; background-image: url('http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/Cindy_Sherman_72_DPI.jpg');"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
style
=
"padding-right: 10px; padding-left: 10px;"
><
br
/>
<
table
align
=
"center"
class
=
"tblMain"
style
=
"width: 730px;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<!-- PREHEADER + SHOW -->
<
tr
>
<
td
class
=
"tdRowMarge"
style
=
"padding-top: 15px; padding-right: 48px; padding-left: 48px; background-color: #ffffff;"
>
<
table
width
=
"100%"
style
=
"width: 100%;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
class
=
"tdColumn"
style
=
"color: #000001; font-family: Arial; font-size: 12px;"
>
Een republiek der kunsten / A Republic of Art</
td
>
<
td
class
=
"tdColumn"
style
=
"text-align: right; color: #000001; font-family: Arial; font-size: 12px;"
>%%SHOW%% - <
a
href
=
"#english"
>english version</
a
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
<!-- END PREHEADER + SHOW -->
<!-- LOGO -->
<
tr
>
<
td
class
=
"tdRowMarge"
style
=
"padding-top: 35px; padding-right: 48px; padding-left: 48px; background-color: #ffffff;"
>
<
table
width
=
"100%"
style
=
"width: 100%;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
class
=
"tdColumn"
style
=
"vertical-align: bottom;"
>
<
img
alt
=
""
width
=
"136"
height
=
"49"
style
=
"width: 136px; height: 49px;"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2015/header_uitnodiging_einvite.jpg"
/>
</
td
>
<
td
class
=
"tdLogoColumn"
style
=
"text-align: right; vertical-align: bottom;"
>
<
a
href
=
"http://www.vanabbe.nl"
target
=
"_blank"
><
img
width
=
"306"
height
=
"37"
title
=
"Van Abbemuseum"
style
=
"border-width: 0px; border-style: solid; width: 306px; height: 37px; float: right; display: block;"
alt
=
"Van Abbemuseum"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/logo_blue.jpg"
/></
a
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
<!-- END LOGO -->
<
tr
>
<
td
style
=
"font-family: Arial; font-size: 11px;"
>
<
img
width
=
"100%"
id
=
"imgContentmerger"
style
=
"width: 100%; display: block;"
alt
=
"Placeholder voor de events"
src
=
"../images/2014/events_placeholder.png"
/>
</
td
>
</
tr
>
<!-- FOOTER -->
<
tr
>
<
td
class
=
"tdRowMarge"
style
=
"padding-right: 48px; padding-bottom: 27px; padding-left: 48px; background-color: #ffffff;"
>
<
table
style
=
"width: 100%;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
class
=
"tdColumn"
style
=
"width: 180px; color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
>
Van Abbemuseum<
br
/>
Bilderdijklaan 10<
br
/>
5611 NH Eindhoven<
br
/>
The Netherlands<
br
/>
T: +31 40 238 1000<
br
/>
<
a
href
=
"mailto:info@vanabbemuseum.nl"
style
=
"color: #000001; text-decoration: none;"
>info@vanabbemuseum.nl</
a
><
br
/>
www.vanabbemuseum.nl
</
td
>
<
td
class
=
"tdColumn"
style
=
"color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; vertical-align: top; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
>
Openingstijden: di t/m zo van 11:00 tot 17:00 uur<
br
/>
Ieder eerste donderdagavond van de maand tot 21:00 uur geopend. Vanaf 17:00 uur is het museum dan gratis te bezoeken.<
br
/>
<
br
/>
<
span
style
=
"color: #000001; font-family: Arial; font-size: 11px;"
>Opening hours: tu-su 11:00 - 17:00 </
span
><
br
style
=
"color: #000001; font-family: Arial; font-size: 11px;"
/>
<
span
style
=
"color: #000001; font-family: Arial; font-size: 11px;"
>Every first Thursday of the month open until 21:00, f</
span
><
span
style
=
"color: #000001; font-family: Arial; font-size: 11px;"
>ree admittance from 17:00 - 21:00.</
span
><
br
/>
<
br
/>
%%URL2=103294%%<
br
/>
</
td
>
<
td
class
=
"tdColumn"
style
=
"color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; vertical-align: top; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
>
<
table
align
=
"right"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
style
=
"padding-right: 10px;"
>
<
a
href
=
"https://www.facebook.com/vanabbemuseum"
target
=
"_blank"
><
img
width
=
"18"
height
=
"18"
title
=
"Facebook"
style
=
"border-width: 0px; border-style: solid; width: 18px; height: 18px;"
alt
=
"Facebook"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/facebook.png"
/></
a
>
</
td
>
<
td
style
=
"padding-right: 10px;"
>
<
a
href
=
"https://twitter.com/vanabbemuseum"
target
=
"_blank"
><
img
width
=
"14"
height
=
"18"
title
=
"Twitter"
style
=
"border-width: 0px; border-style: solid; width: 14px; height: 18px;"
alt
=
"Twitter"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/twitter.png"
/></
a
>
</
td
>
<
td
>
<
a
href
=
"https://www.youtube.com/user/vanabbemuseum"
target
=
"_blank"
><
img
width
=
"17"
height
=
"18"
title
=
"YouTube"
style
=
"border-width: 0px; border-style: solid; width: 17px; height: 18px;"
alt
=
"YouTube"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/youtube.png"
/></
a
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
class
=
"tdRowMarge"
style
=
"padding-right: 48px; padding-bottom: 35px; padding-left: 48px; background-color: #ffffff;"
>
<
table
style
=
"width: 100%;"
cellspacing
=
"0"
cellpadding
=
"0"
>
<
tbody
>
<
tr
>
<
td
class
=
"tdImageFull"
style
=
"color: #000001; padding-top: 10px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
>
Het Van Abbemuseum wordt onder andere ondersteund door / is supported by:<
br
/>
<
br
/>
<
img
alt
=
""
width
=
"634"
height
=
"94"
style
=
"width: 634px; height: 94px;"
src
=
"http://www.mailinglijst.nl/klanten/12518/Sjabloon/2015/logosfooter.jpg"
/><
br
/>
</
td
>
</
tr
>
<
tr
>
<
td
class
=
"tdImageFull"
style
=
"color: #000001; padding-top: 10px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"
><
em
>Een republiek der kunsten </
em
>wordt georganiseerd in samenwerking met PLATFORM / <
em
>A Republic of Art </
em
>is organised in collaboration with PLATFORM. <
br
/>
De tentoonstelling wordt ondersteund door / The exhibition is supported by: ministère de la Culture et de la Communication, Institut français, de Franse ambassade in Nederland / the French Embassy in the Netherlands, VSB Fonds & Fondation Hippocrène.<
br
/>
<
br
/>
<
img
alt
=
""
width
=
"615"
height
=
"150"
style
=
"width: 615px; height: 150px;"
src
=
"http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/logos_E-Flux_frac_2015.jpg"
/></
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
</
tr
>
<!-- END FOOTER -->
</
tbody
>
</
table
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
<
br
/>
<
br
/>
</
body
>
</
html
>