When I create a page in firefox, everything looks correct. However when I create a page in IE, there is extra spacing between section dropdown box and the body label (which is just before the start of the TinyMCE text area.

Here is the HTML:

*******************************************************
...

Section: <none>236534

Body: ...
*******************************************************

Any ideas?

Comments

smithaa02’s picture

All my html seemed to get stripped out... Basically the extra margin is appearing between the category selector and the TinyMCE block.

Offlein’s picture

Not seeing your pasted code, but it sounds like you just need an IE hack. Find where you style the margins for the TinyMCE block or the area above it (in your css file), and append new, IE-correct margin styles, in addition to the ones you already have. Preface each with an asterisk (*). It should look like this:

.tinyMCEareaOrwhatever {
margin: 10px 20px 15px 20px;
width: whateverpx;
*margin: 0px 20px 15px 20px;
}

The * one will only be picked up by IE.

--
I was the lead developer for the New York State Senate.