Re: [css-d] position: absolute and Flash
In most browsers flash is always on top of everything, and this isnt changable.. Evert Bill Moseley wrote: > I have a banner with an enclosed image and a menu. The banner > is position: relative and the image and menu are position: absolute > with z-index set so the menu will be on top of the image. > > The problem is when the image is replace (via javascript) with flash > content it no longer is below the menu, and instead will cover the > menu. > > > > > > > > > > Menu 1 > Menu 2 > > > > > > I have z-index on the flash and menu s, so on small windows the > menu will be on top of the image. > > > Now, I'm using SWFObject v1.4[1] which detects if flash is installed > and then updates with the or by use > of innerHTML. > > When the Flash movie is replaced the z-index no longer seems to work > -- that is, on narrow windows the flash content is on top of the > "menu" instead of the other way around. > > Here's the javascript -- on page load you call the write() method > passing in the id of the div (i.e. "flash" in the example above). > You can see that's it's just doing: > > n.innerHTML = this.getSWFHTML(); > > where getSWFHTML simply returns the or text. > > I've even tried adding class="z-index: 1;" inline in the > with no difference. > > Any idea why the z-index no longer works, or better, how to make it > work? I want the menu to be on top of the flash media. > > > [1] http://blog.deconcept.com/swfobject/ > > > Thanks, > > > > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] .swf file in background-image?
Martin Heiden wrote: > > No, it works with enabled background transparency. You've got to add: > > > > inside the . In this mode the flash will not render on top of > all other content, but it doesn't work with all plugin-versions on all > browsers. But it will work at least for IE and Firefox on Windows with > Flash 6.0.65.0+ > > regards > > Martin > > > > Transparency can work really problematic in firefox if you require interaction with the user (mouse-clicks actually). Evert __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Does anyone use css with SSI?
OT: I didnt know people still used SSI. Evert smithj7 wrote: > I stongly believe that everyone that can get css to work great, deserves > to have a college degree in the same. > > Using great tools like listomatic and tutorials, I have working > pieces... nice looking footer, menus, header > > But I use SSI for footer, header, menus. He..he.. my footer ended up on > top of the main content. > > I'm not sure if my template page should have the for example the id="mainmenu">or if the included text should contain this. Where this > div tag is may not be the issue. I don't use the z index anywhere. > Maybe I should be using this. > > I'm still at the learning stage. I realized that I'm using some > redunancy because I hadn't realized the difference of setting up the > style sheet with a # rather than use a class for example with my hr > setting that could be used with both the header and footer. There is so > much to learn with css style sheets. > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- 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/ > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
[css-d] Which browsers do you support?
For my projects I support and test in * Internet Explorer 5.5/6.0 * Firefox > 1.0 * Mozilla Suite * Safari 1/2 * Netscape 6.0 - 8.0 * Lynx * Links Browsers I explicitly don't support are: * Netscape 4 or older * Internet Explorer 5 on Mac This question has probably been asked before, but it's still interesting if people's opinions change over time. [ this post was inspired by the CSS Theory & Practice thread ;) ] Evert __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Validation Error -moz-outline
I don't think so :-( It's weird though, because I think the specifications says that vendors can add their own property's in the -vendorname-property format. Evert Tracy Shorrock wrote: Hi, I keep getting a parse error on -moz-outline: none; when validating the following css: #footer img { vertical-align: middle; outline: none; -moz-outline: none;} Is there anyway to get around this? (apart from taking it out!) Cheers, Tracy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox DocType blues
Hi Michiel, You have to serve your css as text/css, currently it is served as text/plain Change the mimesettings of your server to reflect the correct mime type or if you have apache, do something with .htaccess (isn't it something like AddType text/css .css ) Evert Michiel van der Blonk wrote: Hi, We are having a strange problem in FF (1.06). Look at http://test5.caribmedia.com/doctype.html When we look at it, the validator says the HTML and CSS are flawless, but the CSS is not applied to the page! The same page without a doctype does apply the CSS. http://test5.caribmedia.com/nodoctype.html We tried several doctypes, e.g. http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> What's wrong? Michiel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/