3 replies [Last post]
FactoryJoe
Offline
newbie
Last seen: 18 years 34 weeks ago
Joined: 2004-06-02
Posts: 7
Points: 0

Ok, this site is in the last stages of development and it has one nasty bug in IE that I can't seem to shake. Basically the problem (which I've confirmed) is that IE treats transparent borders as though they don't exist even if you give the border a height, like so:

#nav {
  border-bottom: 2px transparent;
}

All the other browsers that I've tested my site in add the border and make it transparent so that the background shows through. The reason why I need the border is for consistent navigation bar heights on pages where there is no active main navbar link; the situation occurred because of a mid-stage rearchitecting that left certain pages without a top-level section. To see just what I'm talking about, with IE 5+ on a PC, view these two pages and try mousing over the top horizontal navbar:

Normal
Needing border fix

The style-sheet to tweak is this one: http://136.142.126.31/styles/nav.css

I look forward to your expert advice and will do my best to answer any questions you might have. TIA![/code]

FactoryJoe
Offline
newbie
Last seen: 18 years 34 weeks ago
Joined: 2004-06-02
Posts: 7
Points: 0

Nav Check: Need Transparent Border Fix for IE

Wow, ok... No responses... Have I stumped everyone or do you need more information? Let me know--I'd really appreciate any help! Thanks.

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 19 years 1 week ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

Nav Check: Need Transparent Border Fix for IE

IE does not support border:transparent; and there is no hack for it.

The only other way would be to use a bottom margin for the unhovered state and then change to a bottom border for :hover.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

FactoryJoe
Offline
newbie
Last seen: 18 years 34 weeks ago
Joined: 2004-06-02
Posts: 7
Points: 0

Nav Check: Need Transparent Border Fix for IE

Thanks for the reply Stu. That's what I was afraid of--no easy fix for IE. I'll try and figure something with a bottom margin, but I think I went down that road and for whatever reason, the implementation across browsers wasn't consistent. Oh well.

Thanks!