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.
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.
Seems to be a Firefox issue, actually...
http://tinymce.moxiecode.com/forum/viewtopic.php?id=25196...
http://tinymce.moxiecode.com/forum/viewtopic.php?id=20265...
...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.
http://tinymce.moxiecode.com/forum/viewtopic.php?id=25196...
http://tinymce.moxiecode.com/forum/viewtopic.php?id=20265...
...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.
I have discovered THE SOLUTION.
The style...
position:relative
...is applied to a UL somewhere
OR
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. :-(
The style...
position:relative
...is applied to a UL somewhere
OR
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. :-(
Well... for later, then:
http://tinymce.moxiecode.com/forum/viewtopic.php?id=17767...
^that might solve the problem... or it might just be a conflict within my typography.css, I guess.