Odd Lightbox rendering issue with TitlePane.

[guest]

I am having an issue with dojox.image.Lightbox on ie6 (of course) - works great with firefox. First off, I applied the patch of sfoster's on 6682 to a stock 1.1 release. Now I get the footer but if the Lightbox is contained within a Titlepane the background doesn't contrast correctly and it is hard to make out the border of the lightbox itself. Strangely - if I put a debug tag in djConfig which brings up the console pane it works.

To replicate - go to:

http://www.spiritualpaths.net/sitepages/pid2045.php?ltemplate=image_demo&pageId=2045&item_id=3&pb_debug_dojo=0

Click the icon next to Photo: then a thumbnail.

Now change the 0 to 1 at the end to run dojo with debug=true

http://www.spiritualpaths.net/sitepages/pid2045.php?ltemplate=image_demo&pageId=2045&item_id=3&pb_debug_dojo=1

Click icon and thumbnail again and note the background difference.

The content within the TitlePane? can be viewed from this url: http://tinyurl.com/4bgruo - outside of the TitlePane? it renders fine.

Thanks,

Josh

[guest]

Solved by adding:

<style type="text/css">
	#dojoxLightboxDialog_underlay {
		background-color:#000 !important;
	}
</style>

Feel free to close trac.

[dante]

for the record, I think it was related to css-interning, and the .dijitDialogUnderlay redefinition in image.css conflicting (losing precedence somehow) in IE to the default white background. Lightbox only uses a single Dialog and Underlay to do it's work, and it gets the id="dojoxLightboxDialog_underlay", so styling it with an #id selector overwrites any stray styles.

it's always bothered me image.css sets dijitDialogUnderlay to #000, as dijit.Dialog's inherit that unless overwritten by #dialogId_underlay selectors