PDA

Click to See Complete Forum and Search --> : [RESOLVED] Need help bringing a layer to the front please

RDCHQ
04-19-2007, 04:43 AM
Hello,

I seem to be having a rather annoying problem with the z-indexing.

http://www.randledesign.co.uk/help/portfolio/advertising/agr/index.htm

In the white box (top left - displaying a picture) there are two arrows...one pointing left and one to the right. In Firefox, everything is fine and these two arrows are on top of the image beneath it. However, when tried in Safari Version 2.0.4, the arrows are 'hidden' beneath the image making them impossible to click.

CSS SCROLLER FILE: http://www.randledesign.co.uk/help/portfolio/scripts_css/scroll_h_css.css
(http://www.randledesign.co.uk/help/portfolio/scripts_css/scroll_h_css.css)
CSS PAGE LAYOUT FILE:
http://www.randledesign.co.uk/help/portfolio/scripts_css/portfolio_pages.css

OTHER SCRIPTS AND CSS:
http://www.randledesign.co.uk/help/portfolio/scripts_css/

Also, as I am working on a Mac, it is impossible to test on IE 6/7. Do you think you could help?

I look forward to you respose.
Cheers
Ryan
WebJoel
04-19-2007, 07:42 PM
Doesn't work in Firefox, either.... here's why:

...</head>

<script type="text/javascript">
/*************************************************************************
This code is from Dynamic Web Coding at www.dyn-web.com
Copyright 2001-4 by Sharon Paine
See Terms of Use at www.dyn-web.com/bus/terms.html
regarding conditions under which you may use this code.
This notice must be retained in the code as is!
*************************************************************************/

function initScrollLayer() {
// arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll,
// if horizontal scrolling, id of element containing scrolling content (table?)
var wndo = new dw_scrollObj('wn', 'lyr1', 't1');

// pass id('s) of scroll area(s) if inside table(s)
dw_scrollObj.GeckoTableBugFix('wn');
}
</script>
<style><!--
table#t1 {
width:2510px;
height: 263px;
}
--></style>

<body onload="initScrollLayer()">
<div class="imagescrollcontainer">

<div id="scroller">...
Possibly this javascript and definately this STYLE belong in the head, not after the closing "</head>". You can't use STYLE outside of "<head></head>", -it is probably being ignored (except by IE, which eats crap).