Just Wanted to Share An IE7/Vista CSS Quirk

Button Hidden, Is Not

[cmarshall]

I started getting complaints about our ITS (Incident Tracking System) splashing a huge button across the screens of IE7/Vista machines, so I checked it out.

Seems the ITS has a "hidden" button that they "hide" with the following CSS:

.hiddenButton{
position: absolute;
left: -1000px;
}

It seems to think that a 2000-pixel button is what is needed, so it throws it across the entire screen.

I changed it to

display:none

, but, if it's an issue, I'll make it

width:1px

Just figured I'd share this.

[LunaC]

Hmm, that's worrying. Does it do this on XP IE7 or is it only Vista's IE7? (*Shudders at the thought they may render differently*)

The reason I ask is that I use Son of Suckerfish menus on many of my sites, and that hides the submenus until mouseover by using a absolute positioning and a negative margin.

It's working fine in IE7 on XP, but I don't have access to Vista yet so I can't test it. If you have time, could you see if it happens with the Son of Suckerfish menus or is it seen only on (form?) buttons?

[cmarshall]

If you have time, could you see if it happens with the Son of Suckerfish menus or is it seen only on (form?) buttons?

PM me any URIs you'd like me to gander at.

[cmarshall]

Oh, yeah.

No complaints from IE7/XP, but it was intermittent on IE7/Vista.

Vista has all these "smarts" built into the OS, so they may be causing it. I shudder to think of the bug farm THAT particular feature will be...

[SuzyUK]

Shudders at the thought they may render differently

(my first ever) me too (post)

[LunaC]

Thanks, I've sent you the URLs.

I'm even more concerned now that I realize how often I use negative margins, my entire layouts are often glued together with them.

IE7 XP had some odd intermittent quirks with those menus to (submenu's failing to close sometimes), hopefully the fixes added cover the Vista oddities.

[cmarshall]

Thanks, I've sent you the URLs.

Your stuff works. I suspect this may be a fairly specific quirk.

[Fotiman]

cmarshall, maybe you could try installing the Microsoft Internet Explorer Developer Toolbar [go.microsoft.com] to inspect the styles being applied. That might give some indication as to why it's not behaving.

[edited by: Fotiman at 8:48 pm (utc) on Jan. 18, 2007]

[cmarshall]

cmarshall, maybe you could try installing the Microsoft Internet Explorer Developer Toolbar to inspect the styles being applied. That might give some indication as to why it's not behaving.

Kewl! The more tools, the better!

Thanks!