The code you posted is from code view (or view source in browser)
In FP in Code View you will find the <head> and </head> tags at the top of the page just before the <body> tag and your first <div>
tag
| So I am not sure what this: </head> is or where to find it in my code. Below
| is the code I used to develop the navigation bar. What do I need to change
| in order to have the layers in the right position? Thank you
|
| <div align="center">
| <table border="1" width="728" bgcolor="#B69758" id="table23" style="border:
| 2px solid #663300">
| <tr>
| <td bordercolorlight="#2B552B" bordercolordark="#663300">
| <p style="text-align: center">
| <b>
| <a
| onmouseover="FP_changeProp(/*id*/'Home',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'AboutUs',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Projects',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'HowYouCanHelp',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Conservation',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Values',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Recent_projects',0,'style.visibility','hidden','visibility','hide')" href="index.htm">
| HOME</a></b></td>
| <td width="120" bordercolorlight="#2B552B" bordercolordark="#663300">
| <p style="text-align: center">
| <b>
| <a
| onmouseover="FP_changeProp(/*id*/'Home',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'AboutUs',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'Projects',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'HowYouCanHelp',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Conservation',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Values',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Recent_projects',0,'style.visibility','hidden','visibility','hide')" href="about_us.htm">
| ABOUT US</a></b></td>
| <td width="122" bordercolorlight="#2B552B" bordercolordark="#663300">
| <p style="text-align: center">
| <b>
| <a
| onmouseover="FP_changeProp(/*id*/'Home',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'AboutUs',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Projects',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'HowYouCanHelp',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Conservation',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Values',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Recent_projects',0,'style.visibility','hidden','visibility','hide')" href="projects.htm">
| PROJECTS</a></b></td>
| <td width="152" bordercolorlight="#2B552B" bordercolordark="#663300">
| <p style="text-align: center">
| <b>
| <a
| onmouseover="FP_changeProp(/*id*/'Home',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'AboutUs',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Projects',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'HowYouCanHelp',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Conservation',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'Values',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Recent_projects',0,'style.visibility','hidden','visibility','hide')" href="conservation.htm">
| CONSERVATION</a></b></td>
| <td width="205" bordercolorlight="#2B552B" bordercolordark="#663300">
| <p style="text-align: center">
| <b>
| <a
| onmouseover="FP_changeProp(/*id*/'Home',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'AboutUs',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Projects',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'HowYouCanHelp',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'Conservation',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Values',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Recent_projects',0,'style.visibility','hidden','visibilty','hide')" href="support.htm">
| HOW YOU CAN HELP</a></b></td>
| </tr>
| </table>
| </div>
|
| <div style="position: absolute; top: 105px; left: 494px; z-index: 5;
| visibility: hidden" id="Projects">
| <table border="1" width="127" bgcolor="#EEEAD2" id="table16" style="border:
| 1px solid #663300">
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font
| size="1"><a href="newsletters.htm">
| <span style="text-decoration: none">NEWSLETTERS</span></a></font></b></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font
| size="1"><a href="past_projects.htm">
| <span style="text-decoration: none">PAST
| PROJECTS</span></a></font></b></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b>
| <font size="1">
| <font color="#2B552B">R</font><a href="recent_projects.htm"
| onmouseover="FP_changeProp(/*id*/'Main',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'Projects',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'Recent_projects',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'Home',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'AboutUs',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Conservation',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'HowYouCanHelp',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Values',0,'style.visibility','hidden','visbility','hide')"><span
| style="text-decoration: none">ECENT PROJECTS</span></a></font></b></td>
| </tr>
| </table>
| </div>
|
| <div style="position: absolute; top: 146px; left: 622px; z-index: 6;
| visibility: hidden" id="Recent_projects">
| <table border="1" width="127" bgcolor="#EEEAD2" id="table22" style="border:
| 1px solid #663300">
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B">
| <font size="1"><b><a href="yz_ranch.htm">
| <span style="text-decoration: none">YZ Ranch</span></a></b></font></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B">
| <font size="1"><b><a href="LK.htm">
| <span style="text-decoration: none">LK Ranch</span></a></b></font></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B">
| <font size="1"><b><a href="summary_of_projects.htm">
| <span style="text-decoration: none">2004
| Projects</span></a></b></font></td>
| </tr>
| </table>
| </div>
|
| <div style="position: absolute; top: 105px; left: 265px; z-index: 3;
| visibility: hidden" id="Home"
| onmouseover="FP_changeProp(/*id*/'empty',0,'style.visibility','hidden','visibility','hide')">
| <table border="1" width="102" bgcolor="#EEEAD2" id="table24" style="border:
| 1px solid #663300">
| <tr>
| <td bordercolorlight="#2B552B" bordercolordark="#2B552B"><b><font
| size="1"><a href="welcome.htm">
| <span style="text-decoration: none">WELCOME</span></a></font></b></td>
| </tr>
| </table>
| </div>
|
| <p> </p>
|
| <div id="Home"
| onmouseover="FP_changeProp(/*id*/'empty',0,'style.visibility','hidden','visibility','hide')">
| </div>
|
| <div style="position: absolute; top: 104px; left: 369px; z-index: 4;
| visibility: hidden" id="AboutUs">
| <table border="1" width="123" bgcolor="#EEEAD2" id="table18" style="border:
| 1px solid #663300">
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font
| size="1"><a href="where_we_work.htm">
| <span style="text-decoration: none">WHERE WE
| WORK</span></a></font></b></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font size="1">
| <a href="conservation_values.htm">
| <span style="text-decoration: none">WHAT WE
| CONSERVE</span></a></font></b></td>
| </tr>
| </table>
| </div>
| <div style="position: absolute; top: 104px; left: 624px; z-index: 7;
| visibility:hidden" id="Conservation">
| <table border="1" width="155" bgcolor="#EEEAD2" id="table19" style="border:
| 1px solid #663300">
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font size="1">
| <a
| onmouseover="FP_changeProp(/*id*/'empty',0,'style.visibility','hidden','visibility','hide')" href="conservation_buyers.htm">
| <span style="text-decoration: none">CONSERVATION
| BUYERS</span></a></font></b></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"
| height="17"><b><font size="1">
| <a
| onmouseover="FP_changeProp(/*id*/'Values',0,'style.visibility','visible','visibility','show');
| FP_changeProp(/*id*/'Home',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'AboutUs',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Projects',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'HowYouCanHelp',0,'style.visibility','hidden','visibility','hide');
| FP_changeProp(/*id*/'Conservation',0,'style.visibility','visible','visibility','show')" href="conservation_values.htm">
| <span style="text-decoration: none">CONSERVATION
| VALUES</span></a></font></b></td>
| </tr>
| </table>
| </div>
| <div style="position: absolute; top: 102px; left: 781px; z-index: 8;
| visibility: hidden" id="HowYouCanHelp">
| <table border="1" width="211" bgcolor="#EEEAD2" id="table20"
| onmouseover="FP_changeProp(/*id*/'empty',0,'style.visibility','hidden','visibility','hide')" style="border: 1px solid #663300">
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font
| size="1"><a href="donate.htm">
| <span style="text-decoration: none">MAKE A
| DONATION</span></a></font></b></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font
| size="1"><a href="endowments.htm">
| <span style="text-decoration: none">COMMUNITY
| INVESTMENTS</span></a></font></b></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font size="1">
| <a href="co_tax_credits.htm">
| <span style="text-decoration: none">COLORADO TAX
| CREDITS</span></a></font></b></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><b><font
| size="1"><a href="ranchland_heritage.htm">
| <span style="text-decoration: none">RANCHLAND HERITAGE CONSERVATION
| INITIATIVE</span></a></font></b></td>
| </tr>
| </table>
| </div>
|
|
| "Murray" wrote:
|
| > Your problem is that the page is centering, but the layers are absolutely
| > positioned, hence they do NOT center - they are stuck on the screen at the
| > position where you placed them. To remedy this, you must change the LAYER's
| > frame of reference from the <body> tag to some other element that also
| > centers. Try this -
| >
| > Change this -
| >
| > </head>
| >
| > to this -
| >
| > <style type="text/css">
| > <!--
| > body { text-align:center; color:#CCC; }
| > #wrapper { text-align:left; width:728px; margin:0 auto;position:relative; }
| > -->
| > </style>
| > </head>
| >
| > change this -
| >
| > <body>
| >
| > to this -
| >
| > <body>
| > <div id="wrapper">
| >
| > and this -
| >
| > </body>
| >
| > to this -
| >
| > </div><!-- /wrapper -->
| > </body>
| >
| > and see if that helps.
| >
| > Just so you'll know, the reason this works is that absolutely positioned
| > elements are positioned with regard to their closest positioned parent's
| > location. Usually, this defaults to the <html> (or <body>) tag. However,
| > with these changes, we have wrapped everything on the page in a relatively
| > positioned <div>. This works to change the layer's frame of reference
| > because it's a positoned parent, yet since it's RELATIVEly positioned, it
| > can still be centered using the auto left/right CSS margins.
| >
| > --
| > Murray
| > ============
| >
| > | > >I have made a site navigation bar using tables with layers and behaviors,
| > > however when I view it on my computer with different resolutions and in
| > > both
| > > IE and Mozilla it looks normal. But when I view on a different computer
| > > using IE the layers are no longer aligned properly. I have been trying to
| > > find a new way to have a similar navigation bar without using the
| > > positioning
| > > but dont know how to go about it. Please help
| > >
| > > the site is
http://www.yvlt.org/about_us.htm, which is the newer version
| > > of
| > > the navigation bar.
| > > It originally included an additional layer see:
| > >
http://www.yvlt.org/projects.htm
| > >
| > > Thank you
| > >
| >
| >
| >