TinyMCE menus position calculated wrong in Firefox

Permalink 1 user found helpful
See attached... This has happened to my on almost every C5 website. On one site, I accidentally corrected it and my mind was blown. No idea how I fixed it.

It seems like there's some major issue with centering websites with the very common CSS margin:0 auto; technique, but that can't be the case. That would be ridiculous.

I'm going to guess that I somehow inadvertently use the same div id's or classes as those TinyMCE dropdowns and it screws their orientation up.

1 Attachment

View Replies: View Best Answer
zoinks replied on at Permalink Reply
So, I'm the only one who's ever had this problem, eh?

Well... for later, then:


^that might solve the problem... or it might just be a conflict within my typography.css, I guess.
zoinks replied on at Permalink Reply
Seems to be a Firefox issue, actually...



...although I only have it after I work up a template design for a while! It has GOT to be related to the CSS somehow. I had a similar problem with one of the blog add-ons. Calculating positioning with javascript sucks.
zoinks replied on at Permalink Best Answer Reply
I have discovered THE SOLUTION.

The style...


...is applied to a UL somewhere


you foolishly put it in your *override style like so:

*{ padding:0px; margin:0px; position: relative;}

...which is unnecessary since everything is position:relative by default.

I have been doing that for about a year. Prior to that, I was adding "position:relative" to every single thing to try to solve IE6 problems. I am an uninformed douchebag. :-(