Hi Michael,
Michael Venables wrote:
> Hi all,
>
> I've got a small site that uses CSS "frames" to create a fixed
> navigation sidebar, similar to the techniques discussed here:
> http://jessey.net/simon/articles/007.html
> http://underscorebleach.net/jotsheet/2004/12/frames-with-css-layout
> http://css-discuss.incutio.com/?page=FixedLayouts
>
> This works perfectly in Firefox and IE 5-7 in quirks mode. The CSS
> and XHTML validate and all is right in the world.
>
> I recently got a wild hair to implement a sort of tooltip
> functionality and I used Eric's pure css popups as a model. It works
> great in Firefox, but IE has all kinds of problems positioning the
> info box. I'm pretty sure that there's some kind of conflict between
> the fixed positioning code and the css popups, but I don't have the
> skills to sort it out. The best I could come up with was a totally
> different implementation for IE, but there are problems and I'd
> prefer the rendering to be the same. I've been beating my head into
> this for so long now that I can't see straight, so I thought that I'd
> run it by the list -- since you all know infinitely more about CSS
> than I ever will.
>
> A description, with examples:
> http://ronin-group.org/TRG_colophon.shtml#notes
>
> My style sheets:
> http://ronin-group.org/css-rgo-main.css
> http://ronin-group.org/css-msiefix.css
>
> If anyone has any thoughts, I'd certainly appreciate hearing them.
>
> Best,
>
> michael
>
>
I was going to pen some quick thoughts to get you started, but ended up
grappling with IE mysteries.
First, IE7 supports position:fixed, so you can get the tooltips working
in that browser by dropping all the IE workarounds. In css-msiefix.css
if you add the starHTML hack to the following rules to hide them from
IE7 the tooltips and nav bar all work fine:
* html body { ... }
* html div#content { ... }
* html .note a { ... }
* html .note a:hover span { ... }
Next after considerable wailing and gnashing of teeth with IE6, I
tracked the problem down to being in quirksmode. If you add
"http://www.w3.org/TR/REC-html40/loose.dtd"; to your doctype and then
just use:
* html .note a:hover span {
display:block;
position: absolute;
}
in your IE stylesheet, all is well in IE6.
IE5 now, of course, isn't behaving - the tooltips appear relative to the
content block and so normally well off the top of the screen and I'm out
of time on this. It may be easiest, given we're talking a very legacy
browser here, to continue to style tooltips so they appear relative to
their own link in IE5, not below the menu, either with an IE5
conditional comment stylesheet, or appropriate filtering. If anyone has
a fix for IE5 I'd be interested.
Best wishes,
Sophie
--
Sophie Dennis, Creative Director
Cayenne Web Development Limited
www.cayenne.co.uk
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
