foxy problem

[thompom]

hi - have two things that work fine in IE but dont display
right in firefox, any ideas why?

1) side menu

<!--sidemenu -->
#menu5 {
position:absolute;
	left: -606px;
	top: -6px;
        width: 200px;
        margin: 5px;
        }

#menu5 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu5 li a:link, #menu5 li a:visited {
        color: #777;
        display: block;
        background: url(images/menu5.gif);
        padding: 8px 15px 0px 10px;
text-align: right;
        }

#menu5 li a:hover, #menu5 li #current {
        color: #fff;
        background: url(images/menu5.gif) 0 -32px;
        padding: 8px 15px 0px 10px;
text-align: right;
        }

#menu5 li a:active {
        color: #fff;
        background: url(images/menu5.gif) 0px -64px;
        padding: 8px 15px 0px 10px;
text-align: right;
        }
<!--end menu--> 

<div id="menu5">
<ul>
<li id = "current"><a href="#"><span>HOME</span></a></li>
<li><a href="#"><span>NEW SALES</span></a></li>
<li><a href="#"><span>USED SALES</span></a></li>  
<ul>
</div>

2) this is a semi transparent bar over the top of a flash animation - cant see welcome bar at all?

#flashmain {position:absolute;margin:0px auto;width:800px;text-align:left;float:center;z-index: 2;}

#welcomebar {
	position: absolute;
	float:left;
	top: 0px;
	left:-400px;
	width: 800px;
	height: 40px;
background-color: #333333;  /* the background          */
filter:alpha(opacity=60);   /* Internet Explorer       */
-moz-opacity:0.6;           /* Mozilla 1.6 and below   */
opacity: 0.6;               /* newer Mozilla and CSS-3 */
}              

<div class="flashmain">
<div id="welcomebar"></div>
<!--#include file="sidemen.asp"-->
<!--#include file="splashslide.asp"-->
  </div>

 

[Foamcow]

Flash content exists in it's own layer above the z-index I'm afraid. It will always be on top of your HTML.

But take a look at

http://joshuaink2006.johnoxton.co.uk/blog/82/flash-content-and-z-index

for some possible help

<honk>*:O)</honk>

Earl & Thompson Marketing - Marketing Agency Services in Gloucestershire

 

[ChrisHunt]

[things] don't display right in firefox, any ideas why?

Can you be more specific on what's going wrong?

<!--sidemenu -->
#menu5 {
position:absolute;
[...]

If you're really using HTML-style comments in a style sheet, that's probably what's causing your problems (whatever they may be). Comments in CSS should be done [tt]/* like this */[/tt]

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[thompom]

chrishunt - sorry have changed my comments to the correct syntax

my side menu is a list down the left hand side in IE with images as the background for each button

in firefox there are no images being shown and the list
is centered in the screen

my body tag is probably the cause of this?
body {margin:0;padding:0;background:#000000;font-family:Arial;text-align:center;}

foamcow - thanks will look into that

 

[ChrisHunt]

What you've given us should get the results you're looking for. I suggest you run the CSS through the validator at

http://jigsaw.w3.org/css-validator/

to see if there's anything else wrong with the syntax.

If that doesn't fix it, could you tell us the URL of the page so we can see it in situ?



-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd