Link show up on FireFox but not IE.

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
Ambush Commander
DevNet Master
Posts: 3698
Joined: Mon Oct 25, 2004 9:29 pm
Location: New Jersey, US

Link show up on FireFox but not IE.

Post by Ambush Commander »

http://www.taijiclub.org/gallery2/main.php

If you're using FireFox, note the Login - Register. In IE , note the lack thereof. Try mousing where the links should be. Notice how they are there.

>_<

WHY?

Furthermore, adding a border around .gbSystemLinks causes the whole layout to fritz out: backgrounds disappear, and, well, it gets weird (in IE). Anyone know?
Charles256
DevNet Resident
Posts: 1375
Joined: Fri Sep 16, 2005 9:06 pm

Post by Charles256 »

um..try declaring a text color in span.block-core-SystemLink {
}

maybe? that's damn weird...
User avatar
Ambush Commander
DevNet Master
Posts: 3698
Joined: Mon Oct 25, 2004 9:29 pm
Location: New Jersey, US

Post by Ambush Commander »

Always try the most obvious solution eh?

Code: Select all

.block-core-SystemLink a {color:#000 !important;}
...makes Firefox display the links black and doesn't change IE.

Edit - determined some of the cause. I'm using z-index in order to get tabs to look nice, and when the parent container is removed it works okay. Ever heard of that?
Last edited by Ambush Commander on Sat Nov 26, 2005 6:08 pm, edited 1 time in total.
Charles256
DevNet Resident
Posts: 1375
Joined: Fri Sep 16, 2005 9:06 pm

Post by Charles256 »

hm..just for fun give it a black background with white text...just to see if it shows up... (just trying to get the text to show at this point..weirdest damn thing I've ever seen..)
Charles256
DevNet Resident
Posts: 1375
Joined: Fri Sep 16, 2005 9:06 pm

Post by Charles256 »

ooo! for the record it's showing up for me in both now.what'd ya do?
User avatar
Ambush Commander
DevNet Master
Posts: 3698
Joined: Mon Oct 25, 2004 9:29 pm
Location: New Jersey, US

Post by Ambush Commander »

Yeah, I removed the parent element that had the z-index on it. The tabs look bad now.

Edit It's definitely this offending CSS:

Code: Select all

#content {padding:0 4%;position:relative;z-index:101;background:#FFF;
  border-top:1px solid #000;}
User avatar
Ambush Commander
DevNet Master
Posts: 3698
Joined: Mon Oct 25, 2004 9:29 pm
Location: New Jersey, US

Post by Ambush Commander »

Fixed... it wasn't the z-index (as I originally thought)

It was the position:relative. Setting the .gbSystemLinks to be absolute with 0 from top and 0 from right fixed it. :)
Post Reply