I'm evaluating free version for a client. Would use pro for them.
Inside the editor, my paragraph and heading fonts are the correct size and are identical to the actual page.
However, the fonts inside tables are much smaller than the fonts for the actual page. This makes wysiwyg fairly useless as the size is all wrong.
My css for fonts is as follows:
body, .normal{
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
}
h1,h2,h3,h4,h5,h6 {
font-family: "Times New Roman", Times, serif;
font-weight: bold; font-style: italic;
}
h1{font-size: 2.5em;}
h2{font-size: 2.0em;}
h3{font-size: 1.5em;}
The above are all correct inside the editor.
table{
font-size: 90%; margin: auto;
}
td {
vertical-align: top;
padding: .5em;
line-height: 1.2em;
}
Problems:
1. In both FF3 and IE7, the table fonts are far too small inside the editor.
2. In IE7 the tables are not centered, as would be expected from margin: auto; (IE7 centers the real page correctly.) The centering is correct in FF3.
This, especially #1, makes wysiwyg editing by the client for tables pretty much impossible.
I tried removing the table font-size: 90%; cleared the browser cache and it still reduces the table fonts by the same, very large amount. Nearly half. I know the browser cache clear works because the actual page displayed the full sized fonts in the browser.
Thanks vm
jeank