I have many layers in my site which are relative to the position of table cells. I am using the DIV tag for these layers with a document style sheet which sets the div tag to "relative positioning". My site works fine in Explorer 5. However, in Netscape 4.7 my site is a mess! The layers seem to not be able to relative so I cannot see them in position. <br />
<br />
Anyone with solutions will make me very happy cause I have a deadline for this design coming up very soon. Should I possibly use a different tag like "LAYER" or "ILAYER" - Im not sure if these will work relatively in Explorer AND Netscape. I have to use relative layers. Am I DOOMED ??!! <br />
<br />
The site if you want to look at the code is at <!-- m --><a class="postlink" href="http://www.cyberzoo.co.za/users/dragon/frostdev/index3.htm">http://www.cyberzoo.co.za/users/dragon/ ... index3.htm</a><!-- m --> <br />
<br />
THANKS. <br />
J<!--content-->That is a nice looking page.<br />
<br />
Some thoughts;<br />
<br />
I see you are defining DIV in the head section using "position: relative" but in each DIV tag you then change to position:absolute so the position:relative defined in the style sheet might not be doing anything. (Key word: might)<br />
<br />
You are not using many layers, only 2 that I see, but you are using many DIVs, some on z-index:1 and some on z-index:2. <br />
<br />
Unless someone comes up with a better suggestion, remove the position: relative defined in the style sheet and set the x,y coordinates of each DIV individually. This might take a little bit to figure out but should work in Netscape and IE.<br />
<br />
So instead of:<br />
<br />
<div id="aboutustitle" style="position:absolute; width:351px; height:91px; z-index:1; visibility: visible"><br />
<br />
you might use:<br />
<br />
<div id="aboutustitle" style="position:absolute; left:0px; top:0px;width:351px; height:91px; z-index:1; visibility: visible"><br />
<br />
or:<br />
<br />
<div id="aboutustitle" style="position:absolute; left:0px; top:50%;width:351px; height:91px; z-index:1; visibility: visible"><br />
<br />
I know it can be tedious to determine the x,y coordinates for so many elements, and the above examples might clash with your java script, but many of your elements are in the exact same position, just visible or invisble.<br />
<br />
You might also not worry about it since Netscapes browser share is low (10% maybe) and getting lower. <br />
<br />
Maybe someone else will have something to contribute.<br />
<br />
Regards,<br />
Kevin<!--content-->Thanks for the help Kevin,<br />
<br />
I am going to try that approach out and then get back to you if it works. I might also try to take off the realtive positioning of the layers, float them above the tables and use javascript to manipulate the positioning. I have been told by others that Netscape cannot handle relative layers AT ALL. Damn I hate that browser!<br />
DId the site look alright in Explorer 5?<br />
<br />
Thanks again for all the help.<br />
<br />
J.<!--content-->No luck with that method of changing the positioning values of the div tags.<br />
<br />
Im getting desparate!!<br />
<br />
I am going to try a little bit of Javascript positioning.<!--content-->The site looked good with IE5. Good luck, I don't know what else to tell you.<br />
<br />
Regards,<br />
Kevin<!--content-->Still not going well here
<br />
<br />
I have changed the whole approach and I am not using relative layers any more cause Netscape 4.x does not understand them.<br />
<br />
I have used a layer repositioning code from the netscape.com site and I have put my layers in an internal style sheet.<br />
However, something is still going wrong and my layers are not visible now and they are not repositioning themselves.<br />
<br />
You can check out the code if you want at <br />
<!-- m --><a class="postlink" href="http://www.cyberzoo.co.za/users/dragon/frostdev/index8.htm">http://www.cyberzoo.co.za/users/dragon/ ... index8.htm</a><!-- m --><br />
<br />
Thanks for the help<br />
<br />
Regards,<br />
Jeremy<!--content-->looking at your page... you might consider tables as an alternative. they are compatible with n4.7<!--content-->Wow that really sucks! The page (index3, index8 is messed up in both) looks fabulous in IE 5.5 but in Netscape 6 the positioning is way off. I wish I could offer some advice, but I don't know that much about style sheets. You might want to use tables, as Dr. Web suggested since they are a tried and true method.<!--content-->hmmmm,<br />
thanks for the advice, but using tables is not an option cause the client wants a fully dhtml solution so that everything loads at once and doesnt need to load again. The design is what makes using layers difficult because the bottom image needs to sit right up against the bottom of the browser.<br />
<br />
What I have to do now is leave the Explorer version and I am going to create a version just for Netscape that uses a slightly modified design (still layers) and then I need to create an index page which checks the users browser and redirects.<br />
<br />
Anybody know a very accurate and reliable browser-sniffer??<br />
<br />
Thanks.<!--content-->
<br />
Anyone with solutions will make me very happy cause I have a deadline for this design coming up very soon. Should I possibly use a different tag like "LAYER" or "ILAYER" - Im not sure if these will work relatively in Explorer AND Netscape. I have to use relative layers. Am I DOOMED ??!! <br />
<br />
The site if you want to look at the code is at <!-- m --><a class="postlink" href="http://www.cyberzoo.co.za/users/dragon/frostdev/index3.htm">http://www.cyberzoo.co.za/users/dragon/ ... index3.htm</a><!-- m --> <br />
<br />
THANKS. <br />
J<!--content-->That is a nice looking page.<br />
<br />
Some thoughts;<br />
<br />
I see you are defining DIV in the head section using "position: relative" but in each DIV tag you then change to position:absolute so the position:relative defined in the style sheet might not be doing anything. (Key word: might)<br />
<br />
You are not using many layers, only 2 that I see, but you are using many DIVs, some on z-index:1 and some on z-index:2. <br />
<br />
Unless someone comes up with a better suggestion, remove the position: relative defined in the style sheet and set the x,y coordinates of each DIV individually. This might take a little bit to figure out but should work in Netscape and IE.<br />
<br />
So instead of:<br />
<br />
<div id="aboutustitle" style="position:absolute; width:351px; height:91px; z-index:1; visibility: visible"><br />
<br />
you might use:<br />
<br />
<div id="aboutustitle" style="position:absolute; left:0px; top:0px;width:351px; height:91px; z-index:1; visibility: visible"><br />
<br />
or:<br />
<br />
<div id="aboutustitle" style="position:absolute; left:0px; top:50%;width:351px; height:91px; z-index:1; visibility: visible"><br />
<br />
I know it can be tedious to determine the x,y coordinates for so many elements, and the above examples might clash with your java script, but many of your elements are in the exact same position, just visible or invisble.<br />
<br />
You might also not worry about it since Netscapes browser share is low (10% maybe) and getting lower. <br />
<br />
Maybe someone else will have something to contribute.<br />
<br />
Regards,<br />
Kevin<!--content-->Thanks for the help Kevin,<br />
<br />
I am going to try that approach out and then get back to you if it works. I might also try to take off the realtive positioning of the layers, float them above the tables and use javascript to manipulate the positioning. I have been told by others that Netscape cannot handle relative layers AT ALL. Damn I hate that browser!<br />
DId the site look alright in Explorer 5?<br />
<br />
Thanks again for all the help.<br />
<br />
J.<!--content-->No luck with that method of changing the positioning values of the div tags.<br />
<br />
Im getting desparate!!<br />
<br />
I am going to try a little bit of Javascript positioning.<!--content-->The site looked good with IE5. Good luck, I don't know what else to tell you.<br />
<br />
Regards,<br />
Kevin<!--content-->Still not going well here
<br /><br />
I have changed the whole approach and I am not using relative layers any more cause Netscape 4.x does not understand them.<br />
<br />
I have used a layer repositioning code from the netscape.com site and I have put my layers in an internal style sheet.<br />
However, something is still going wrong and my layers are not visible now and they are not repositioning themselves.<br />
<br />
You can check out the code if you want at <br />
<!-- m --><a class="postlink" href="http://www.cyberzoo.co.za/users/dragon/frostdev/index8.htm">http://www.cyberzoo.co.za/users/dragon/ ... index8.htm</a><!-- m --><br />
<br />
Thanks for the help<br />
<br />
Regards,<br />
Jeremy<!--content-->looking at your page... you might consider tables as an alternative. they are compatible with n4.7<!--content-->Wow that really sucks! The page (index3, index8 is messed up in both) looks fabulous in IE 5.5 but in Netscape 6 the positioning is way off. I wish I could offer some advice, but I don't know that much about style sheets. You might want to use tables, as Dr. Web suggested since they are a tried and true method.<!--content-->hmmmm,<br />
thanks for the advice, but using tables is not an option cause the client wants a fully dhtml solution so that everything loads at once and doesnt need to load again. The design is what makes using layers difficult because the bottom image needs to sit right up against the bottom of the browser.<br />
<br />
What I have to do now is leave the Explorer version and I am going to create a version just for Netscape that uses a slightly modified design (still layers) and then I need to create an index page which checks the users browser and redirects.<br />
<br />
Anybody know a very accurate and reliable browser-sniffer??<br />
<br />
Thanks.<!--content-->