CSS problems with GuMaxDD in IE

If you are having problems with GuMax, post here.
Post Reply
User avatar
Berbatov
Rank 1
Rank 1
Posts: 5
Joined: August 7th, 2010, 3:48 pm

CSS problems with GuMaxDD in IE

Post by Berbatov »

Hey, I just installed the gumaxdd skin and customized it for my side. However, checking my side with Internet Explorer, there are a couple of errors appearing, even with the brand new installed version. Most of them are IE-related, however, there is also one with Firefox. I assume most of them are based on CSS stuff that needs to be changed:

Internet Explorer
1) Preferences sections is way down on its page: http://a.imageshack.us/img101/7262/prob1v.jpg
Clicking on my preferences opens the menu to change everything way down on the page. It comes up again if you move the cursor over the drop down menu at the top but I don't want my users to experience the same

2) While in the preferences section, the drop down appears behind the preferences tabs: http://a.imageshack.us/img210/2464/prob2u.jpg

3) While on recent changes, opening the drop down, the drop down menues on some pages disappear: http://a.imageshack.us/img231/4332/prob3l.jpg

4) Clicking the hide button to hide the table of contents shifts down the entire article by roughly 50px: http://a.imageshack.us/img835/1305/prob4.jpg
Making them appear again shifts up the entire shebang

Firefox
Opening a random article with a table of contents and moving over the drop down menu shifts some headers downwards. Not all of them, but some. This problem disappears when I close the table of contents. But it even appears on pages that have no tables whatsoever, like the basic main page that is created when you install MW: http://a.imageshack.us/img196/8562/ffprob.gif (It's a .gif, animations appear at the arrows)
This problem does not appear in the IE though.

Any suggestions how to solve those issues?
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: CSS problems with GuMaxDD in IE

Post by Paul »

I think this is because drop down javascript conflicts with mediawiki javascript.... so far I don't have solution yet, or avoid javascript in drop down menu?
User avatar
Berbatov
Rank 1
Rank 1
Posts: 5
Joined: August 7th, 2010, 3:48 pm

Re: CSS problems with GuMaxDD in IE

Post by Berbatov »

Paul wrote:I think this is because drop down javascript conflicts with mediawiki javascript.... so far I don't have solution yet, or avoid javascript in drop down menu?
Was that a suggestion? If so, how to do it?

Do you have the same problems with your version of the style?
User avatar
Berbatov
Rank 1
Rank 1
Posts: 5
Joined: August 7th, 2010, 3:48 pm

Re: CSS problems with GuMaxDD in IE

Post by Berbatov »

Berbatov wrote:
Paul wrote:I think this is because drop down javascript conflicts with mediawiki javascript.... so far I don't have solution yet, or avoid javascript in drop down menu?
Was that a suggestion? If so, how to do it?

Do you have the same problems with your version of the style?
Any other suggestions guys?
I would really like to use this skin, but if it has that many problems with the Internet Explorer (which, I guess, the majority of my users still stick to) I have to find some other skin and remodel it.
User avatar
Berbatov
Rank 1
Rank 1
Posts: 5
Joined: August 7th, 2010, 3:48 pm

Re: CSS problems with GuMaxDD in IE

Post by Berbatov »

Hey Paul,
was that "avoid JS in the drop down" a suggestion how the problem might be solved? Could you tell me how to do that?
Do you see any other way to avoid those design errors appearing?

btw: I just installed a brand new 1.16 MW and the new 1.3 GuMaxDD and still all the problems appear. Just thought they might disappear when I switch to the new version...
User avatar
Asahiko
Rank 0
Rank 0
Posts: 3
Joined: August 20th, 2010, 7:36 am
Location: Kyoto, Japan
Contact:

Re: CSS problems with GuMaxDD in IE

Post by Asahiko »

As for the slight shifting-down observed in Firefox, the "border-bottom" in gumax_droppy.css

Code: Select all

#gumax-nav li.hover a, #gumax-nav ul li, #gumax-nav ul li a { background-color: #5e5a5a; /* drop down background */ border-bottom: 1px solid #777;}
must be responsible.

Actually, this issue becomes more significant when you set "body{font:small;}" rather than the default "body{font:x-small;}".
See attached images. (Firefox 3.6.8 with Firebug) The extra pixel on the border-bottom shifts the entire contents down by one pixel. (I marked it with a red box.)

Deleting the border-bottom fixes this, as I wrote at http://www.mwusers.com/forums/showthrea ... #post50884
Attachments
hover.png
hover.png (21.06 KiB) Viewed 4654 times
normal.png
normal.png (22.02 KiB) Viewed 4654 times
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: CSS problems with GuMaxDD in IE

Post by Paul »

Good stuff....
Post Reply