A Digital Age Deserves A Digital Leader

Position: Absolute is nuts in Firefox 2, but fine in FF3 + Safari

Position: Absolute is nuts in Firefox 2, but fine in FF3 + Safari

Postby D3LM3L » Tue Feb 19, 2008 4:36 am

Please refer to the main page of my site for this bug:

http://www.frogfirelabs.com/

I have here a cleanly validating CSS3 file on my website, and am working with a sort of tooltip to display my email address. As you'll see, I make a link with position:relative, and then have the tooltip go within that link as a position:absolute, so its position derives from that of the link (contact). However, Firefox 2 seems to ignore that all together, and make the tooltip's position derive from its super-parent's extremity, which is the div class "nav", starting all the way at the left edge of the page. Is there a hack out there that ONLY applies to FF2? I tried -moz-border-start, but that made the tooltip wacky in FF3. Or is there simply a workaround for this?

Thanks for any help!
<b>Mac Pro:</b>
Dual Dual-Core Intel Xeon 2.0GHz (Woodcrest)
3GB DDR2-667 FB-DIMM RAM
ATI Radeon X1900XT 512MB
23" Apple Cinema Display
Windows Vista + Mac OS X 10.5 Leopard

<b>PowerBook G4 15"</b>
PowerPC G4 1.5GHz
1.5GB DDR PC2700 RAM
ATI Mobility Radeon 9700 128MB
Mac OS X 10.5 Leopard
PRO Level 7
User avatar
Posts: 252
Joined: Sat Jul 24, 2004 8:23 pm
Location: Bergen County, NJ

Postby ar1stotle » Tue Feb 19, 2008 5:44 am

Not really sure... I've only just started web design. The site looks quite nice though. I see what you mean with the tooltip in FF2. I tried it in IE, and it appears in the right place but randomly (a mouseover doesn't trigger it). Setting left: 405px for the tooltip made it appear right for FF2, but I assume that'd mess up FF3 and Safari. Is it at all possible to just specify that position should be derived from nav instead?
Image
Image
PRO BRONZE
User avatar
Posts: 3841
Joined: Sun May 16, 2004 1:59 am
Location: New Orleans, Louisiana

Postby D3LM3L » Tue Feb 19, 2008 5:58 am

ar1stotle wrote:Not really sure... I've only just started web design. The site looks quite nice though. I see what you mean with the tooltip in FF2. I tried it in IE, and it appears in the right place but randomly (a mouseover doesn't trigger it). Setting left: 405px for the tooltip made it appear right for FF2, but I assume that'd mess up FF3 and Safari. Is it at all possible to just specify that position should be derived from nav instead?


Wow, how did I not think of that?! It works fine now. Thanks so much!
<b>Mac Pro:</b>
Dual Dual-Core Intel Xeon 2.0GHz (Woodcrest)
3GB DDR2-667 FB-DIMM RAM
ATI Radeon X1900XT 512MB
23" Apple Cinema Display
Windows Vista + Mac OS X 10.5 Leopard

<b>PowerBook G4 15"</b>
PowerPC G4 1.5GHz
1.5GB DDR PC2700 RAM
ATI Mobility Radeon 9700 128MB
Mac OS X 10.5 Leopard
PRO Level 7
User avatar
Posts: 252
Joined: Sat Jul 24, 2004 8:23 pm
Location: Bergen County, NJ

Postby ar1stotle » Tue Feb 19, 2008 11:28 pm

Glad it worked :)
Image
Image
PRO BRONZE
User avatar
Posts: 3841
Joined: Sun May 16, 2004 1:59 am
Location: New Orleans, Louisiana

Return to HTML, CSS, and Scripts

Who is online

Users browsing this forum: No registered users and 2 guests

cron
cron