working with tables layers and behaviors

Y

yvlt

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
 
M

Murray

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.
 
Y

yvlt

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>
 
S

Stefan B Rusynko

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
| > >
| >
| >
| >
 
Y

yvlt

So I changed the code as per your suggestion however the layers still appear
off on certain browsers. Can you check to see if I did it right or do you
have any other suggestions.
Below is the code: the site is http://www.yvlt.org/about_us.htm

thanks

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>About_Us</title>
<meta name="keywords" content="Yampa Valley Land Trust, Yampa Valley,
Northwest Colorado, Colorado, Steamboat Springs, Meeker, Craig, Clark, Oak
Creek, Toponas, Yampa, Phippsburg, Routt, Moffat, Grand, Jackson, Rio Blanco,
Yampa River, White River, nonprofit, non-profit, land trust, land
conservation organization, conservation organization, conservation, conserve,
open land resources, open resources, land resources, resources, open space,
scenic, agriculture, agricultural, recreation, wildlife, animals, habitat,
historic, scenic vistas, natural, water, river, stream, creek, mineral, elk,
deer, eagle, raptor, bird, grouse, mountain lion, turkey, bear, bat, heron,
crane, beaver, chicken, livestock, cattle, horse, property, real estate,
conservation easement, ranchland, farmland, great outdoors colorado, natural
resource conservation service, historic preservation, agricultural
protection, tac credits, Colorado tax, Enterprise Zone Contribution Project,
Conservation Initiative, conservation values, ranchland heritage, donation,
donate, contribute, support, landowner, grantor, permanently protect, land
restriction, deed of conservation easement, ">
<meta name="description" content="Yampa Valley Land Trust is a local
non-profit organization in Northwest Colorado dedicated to conserving
natural, scenic, agricultural, historic and other important open land
resources">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<script language="JavaScript">
<!--
function FP_changeProp() {//v1.0
var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
<meta name="Microsoft Theme" content="yvlt-website-theme 1011">
<meta name="Microsoft Border" content="none, default">
<style type="text/css">
</body { text align:center; color:#2B552B; }
#wrapper { text-align:left; width:728px; margin:0 auto;position:relative; }
</head>

<body>
<div id=";wrapper">
<p style="text-align: center"></p>
<p style="margin-top: 0; margin-bottom: 0; text-align:center">
<span style="font-size: 28.0pt; font-family: Papyrus; color: #2B552B;
font-weight: bold; language: EN">
Yampa Valley Land Trust</span></p>

<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: 502px; 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: 629px; 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: 273px; 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: 377px; 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: 632px; 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: 788px; 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>
<p style="margin-top: 0; margin-bottom: 0; text-align:center">
</p>
<p style="margin-top: 0; margin-bottom: 0; text-align:center">
<span style="font-size: 18.0pt; font-family: Papyrus; color: #663300;
font-weight: bold; language: EN">W</span><span style="font-size: 16.0pt;
font-family: Papyrus; color: #663300; font-weight: bold; language:
EN">HO</span><span style="font-size: 18.0pt; font-family: Papyrus; color:
#663300; font-weight: bold; language: EN">
W</span><span style="font-size: 16.0pt; font-family: Papyrus; color:
#663300; font-weight: bold; language: EN">E</span><span style="font-size:
18.0pt; font-family: Papyrus; color: #663300; font-weight: bold; language:
EN">
A</span><span style="font-size: 16.0pt; font-family: Papyrus; color:
#663300; font-weight: bold; language: EN">RE</span></p>
<div style="position: absolute; top: 127px; left: 789px; z-index: 9;
visibility:hidden" id="Values">
<table border="1" width="151" bgcolor="#EEEAD2" id="table21" style="border:
1px solid #663300">
<tr>
<td bordercolorlight="#663300" bordercolordark="#2B552B"><font size="1"><b>
<a href="habitat.htm">
<span style="text-decoration: none">Wildlife Habitat
Values</span></a></b></font></td>
</tr>
<tr>
<td bordercolorlight="#663300" bordercolordark="#2B552B"><font size="1"><b>
<a href="open_space.htm">
<span style="text-decoration: none">Open Space
Values</span></a></b></font></td>
</tr>
<tr>
<td bordercolorlight="#663300" bordercolordark="#2B552B"><font size="1"><b>
<a href="historic.htm">
<span style="text-decoration: none">Historic
Values</span></a></b></font></td>
</tr>
<tr>
<td bordercolorlight="#663300" bordercolordark="#2B552B"><font size="1"><b>
<a href="public_recreation.htm">
<span style="text-decoration: none">Public Recreation
Values</span></a></b></font></td>
</tr>
</table>
</div>

<p style="margin-top: 0; margin-bottom: 0"> </p>
<p style="margin-top: 0; margin-bottom: 0; text-align:center">
<img border="0" src="whowearephoto.GIF" width="598" height="201"></p>
<blockquote>
<blockquote>
<blockquote>
<p style="margin-top: 0; margin-bottom: 0; text-align:center">
<!--[if gte mso 9]><![endif]--><font size="1" color="#663300"><i>Flat Tops
Wilderness from Emerald Mountain</i></font><span style="font-size: 11.0pt;
line-height: 100%; color: #B69758; font-weight: bold"><img border="0"
src="new_mission.gif" width="177" height="363" align="left" hspace="10"
vspace="2"></span></p>
</blockquote>
</blockquote>
</blockquote>
<p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">
</span></p>
<p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">Yampa Valley Land Trust is a dynamic,
results-oriented, community-based</span><span style="font-size: 11.0pt;
line-height: 100%; color: #B69758; font-weight: bold; language:
EN">,</span><span style="font-size: 11.0pt; line-height: 100%; color:
#B69758; font-weight: bold">
land conservation organization. </span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold; language: EN">To meet
its mission, YVLT </span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">works
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold; language: EN">in
partnership
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">with willing landowners</span><span style="font-size:
11.0pt; line-height: 100%; color: #B69758; font-weight: bold; language:
EN"> </span><span style="font-size: 11.0pt; line-height: 100%; color:
#B69758; font-weight: bold">to
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold; language: EN">develop</span><span style="font-size:
11.0pt; line-height: 100%; color: #B69758; font-weight: bold">
conservation easements</span><span style="font-size: 11.0pt; line-height:
100%; color: #B69758; font-weight: bold; language: EN">,
which permanently
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">protect</span><span style="font-size: 11.0pt; line-height:
100%; color: #B69758; font-weight: bold; language: EN"> </span><span
style="font-size: 11.0pt; line-height: 100%; color: #B69758; font-weight:
bold">the rural landscapes</span><span style="font-size: 11.0pt; line-height:
100%; color: #B69758; font-weight: bold; language: EN">
and important ecological resources
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">
found
throughout </span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold; language: EN">Northwest Colorado</span><span
style="font-size: 11.0pt; line-height: 100%; color: #B69758; font-weight:
bold">. </span></p>
<p class="MsoNormal" style="text-align: left; margin-top:0;
margin-bottom:0"> </p>
<p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">For</span><span style="font-size: 11.0pt; line-height:
100%; color: #B69758; font-weight: bold; language: EN">
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">ten years, Yampa Valley Land Trust
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold; language: EN">has diligently and actively conserved
land</span><span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">
in the Yampa Valley. Yampa Valley Land Trust </span><span
style="font-size: 11.0pt; line-height: 100%; color: #B69758; font-weight:
bold; language: EN">collaborates</span><span style="font-size: 11.0pt;
line-height: 100%; color: #B69758; font-weight: bold">
with a diverse group of landowners</span><span style="font-size: 11.0pt;
line-height: 100%; color: #B69758; font-weight: bold; language: EN">
that includes </span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">traditional ranching families, new property owners, local
governments
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold; language: EN">and
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">developers</span><span style="line-height: 100%;
">. </span></p>
<p class="MsoNormal" style="text-align: left; margin-top:0;
margin-bottom:0"> </p>
<p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold; language: EN">The work of YVLT benefits the
community, including
residents,
businesses</span><span style="font-size: 11.0pt; line-height: 100%; color:
#B69758; font-weight: bold">,</span><span style="font-size: 11.0pt;
line-height: 100%; color: #B69758; font-weight: bold; language: EN">
second homeowners and the
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold">estimated 600,000
visitors who come
to enjoy Steamboat Springs and its
</span>
<span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
font-weight: bold; language: EN">surroundings</span><span style="font-size:
11.0pt; line-height: 100%; color: #B69758; font-weight: bold">
each year</span><span style="font-size: 12.0pt; line-height: 100%; color:
#B69758">. </span></p>
<div dir="ltr">
<p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
<span style="font-family: Papyrus; color: #2B552B; font-weight: bold;
language: EN">
<font size="2"> </font></span></p></div>
<p class="MsoNormal" style="text-align: left; margin-top: 0; margin-bottom:
0">
<a href="donate.htm">
<img border="0" src="newdonate.gif" width="142" height="89"
align="right"></a></p>
<p class="MsoNormal" style="text-align: center; margin-top: 0;
margin-bottom: 0">
</p>
<p class="MsoNormal" style="text-align: center; margin-top: 0;
margin-bottom: 0">
</p>
<p class="MsoNormal" style="text-align: center; margin-top: 0;
margin-bottom: 0">
</p>
<p class="MsoNormal" style="text-align: center; margin-top: 0;
margin-bottom: 0">
</p>
<p class="MsoNormal" style="text-align: center; margin-top: 0;
margin-bottom: 0">
</p>
<p class="MsoNormal" style="text-align: center; margin-top: 0;
margin-bottom: 0">
</p>
<p class="MsoNormal" style="text-align: center; margin-top: 0;
margin-bottom: 0">
<span style="font-family: Papyrus; color: #2B552B; font-weight: bold;
language: EN">
<font size="2">PO Box 773014 Steamboat Springs, Colorado 80477
(970) 879-7240 www.yvlt.org </font></span></p>
</div></wrapper>
</body>

</html>
 
S

Stefan B Rusynko

No

You have

<style type="text/css">
</body { text align:center; color:#2B552B; }
#wrapper { text-align:left; width:728px; margin:0 auto;position:relative; } ></style>

And should have

<style type="text/css"><!--
body { text-align:center; color:#CCC; }
#wrapper { text-align:left; width:728px; margin:0 auto;position:relative; }
--></style>

Plus below it you have
<div id=";wrapper">
Change it to
<div id="wrapper">




|
|
| So I changed the code as per your suggestion however the layers still appear
| off on certain browsers. Can you check to see if I did it right or do you
| have any other suggestions.
| Below is the code: the site is http://www.yvlt.org/about_us.htm
|
| thanks
|
| <head>
| <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
| <title>About_Us</title>
| <meta name="keywords" content="Yampa Valley Land Trust, Yampa Valley,
| Northwest Colorado, Colorado, Steamboat Springs, Meeker, Craig, Clark, Oak
| Creek, Toponas, Yampa, Phippsburg, Routt, Moffat, Grand, Jackson, Rio Blanco,
| Yampa River, White River, nonprofit, non-profit, land trust, land
| conservation organization, conservation organization, conservation, conserve,
| open land resources, open resources, land resources, resources, open space,
| scenic, agriculture, agricultural, recreation, wildlife, animals, habitat,
| historic, scenic vistas, natural, water, river, stream, creek, mineral, elk,
| deer, eagle, raptor, bird, grouse, mountain lion, turkey, bear, bat, heron,
| crane, beaver, chicken, livestock, cattle, horse, property, real estate,
| conservation easement, ranchland, farmland, great outdoors colorado, natural
| resource conservation service, historic preservation, agricultural
| protection, tac credits, Colorado tax, Enterprise Zone Contribution Project,
| Conservation Initiative, conservation values, ranchland heritage, donation,
| donate, contribute, support, landowner, grantor, permanently protect, land
| restriction, deed of conservation easement, ">
| <meta name="description" content="Yampa Valley Land Trust is a local
| non-profit organization in Northwest Colorado dedicated to conserving
| natural, scenic, agricultural, historic and other important open land
| resources">
| <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
| <meta name="ProgId" content="FrontPage.Editor.Document">
| <script language="JavaScript">
| <!--
| function FP_changeProp() {//v1.0
| var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
| d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
| s="o";
| ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
| if(null==eval(s)) {
| s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
| x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
| if(s) eval(s+"=v"); }
| }
|
| function FP_getObjectByID(id,o) {//v1.0
| var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
| el=o.getElementById(id);
| else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
| if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
| for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
| f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
| for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
| el; } }
| return null;
| }
| // -->
| </script>
| <meta name="Microsoft Theme" content="yvlt-website-theme 1011">
| <meta name="Microsoft Border" content="none, default">
| <style type="text/css">
| </body { text align:center; color:#2B552B; }
| #wrapper { text-align:left; width:728px; margin:0 auto;position:relative; }
| ></style>
| </head>
|
| <body>
| <div id=";wrapper">
| <p style="text-align: center"></p>
| <p style="margin-top: 0; margin-bottom: 0; text-align:center">
| <span style="font-size: 28.0pt; font-family: Papyrus; color: #2B552B;
| font-weight: bold; language: EN">
| Yampa Valley Land Trust</span></p>
|
| <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: 502px; 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: 629px; 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: 273px; 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: 377px; 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: 632px; 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: 788px; 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>
| <p style="margin-top: 0; margin-bottom: 0; text-align:center">
| </p>
| <p style="margin-top: 0; margin-bottom: 0; text-align:center">
| <span style="font-size: 18.0pt; font-family: Papyrus; color: #663300;
| font-weight: bold; language: EN">W</span><span style="font-size: 16.0pt;
| font-family: Papyrus; color: #663300; font-weight: bold; language:
| EN">HO</span><span style="font-size: 18.0pt; font-family: Papyrus; color:
| #663300; font-weight: bold; language: EN">
| W</span><span style="font-size: 16.0pt; font-family: Papyrus; color:
| #663300; font-weight: bold; language: EN">E</span><span style="font-size:
| 18.0pt; font-family: Papyrus; color: #663300; font-weight: bold; language:
| EN">
| A</span><span style="font-size: 16.0pt; font-family: Papyrus; color:
| #663300; font-weight: bold; language: EN">RE</span></p>
| <div style="position: absolute; top: 127px; left: 789px; z-index: 9;
| visibility:hidden" id="Values">
| <table border="1" width="151" bgcolor="#EEEAD2" id="table21" style="border:
| 1px solid #663300">
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><font size="1"><b>
| <a href="habitat.htm">
| <span style="text-decoration: none">Wildlife Habitat
| Values</span></a></b></font></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><font size="1"><b>
| <a href="open_space.htm">
| <span style="text-decoration: none">Open Space
| Values</span></a></b></font></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><font size="1"><b>
| <a href="historic.htm">
| <span style="text-decoration: none">Historic
| Values</span></a></b></font></td>
| </tr>
| <tr>
| <td bordercolorlight="#663300" bordercolordark="#2B552B"><font size="1"><b>
| <a href="public_recreation.htm">
| <span style="text-decoration: none">Public Recreation
| Values</span></a></b></font></td>
| </tr>
| </table>
| </div>
|
| <p style="margin-top: 0; margin-bottom: 0"> </p>
| <p style="margin-top: 0; margin-bottom: 0; text-align:center">
| <img border="0" src="whowearephoto.GIF" width="598" height="201"></p>
| <blockquote>
| <blockquote>
| <blockquote>
| <p style="margin-top: 0; margin-bottom: 0; text-align:center">
| <!--[if gte mso 9]><![endif]--><font size="1" color="#663300"><i>Flat Tops
| Wilderness from Emerald Mountain</i></font><span style="font-size: 11.0pt;
| line-height: 100%; color: #B69758; font-weight: bold"><img border="0"
|src="new_mission.gif" width="177" height="363" align="left" hspace="10"
| vspace="2"></span></p>
| </blockquote>
| </blockquote>
| </blockquote>
| <p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">
| </span></p>
| <p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">Yampa Valley Land Trust is a dynamic,
| results-oriented, community-based</span><span style="font-size: 11.0pt;
| line-height: 100%; color: #B69758; font-weight: bold; language:
| EN">,</span><span style="font-size: 11.0pt; line-height: 100%; color:
| #B69758; font-weight: bold">
| land conservation organization. </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold; language: EN">To meet
| its mission, YVLT </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">works
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold; language: EN">in
| partnership
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">with willing landowners</span><span style="font-size:
| 11.0pt; line-height: 100%; color: #B69758; font-weight: bold; language:
| EN"> </span><span style="font-size: 11.0pt; line-height: 100%; color:
| #B69758; font-weight: bold">to
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold; language: EN">develop</span><span style="font-size:
| 11.0pt; line-height: 100%; color: #B69758; font-weight: bold">
| conservation easements</span><span style="font-size: 11.0pt; line-height:
| 100%; color: #B69758; font-weight: bold; language: EN">,
| which permanently
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">protect</span><span style="font-size: 11.0pt; line-height:
| 100%; color: #B69758; font-weight: bold; language: EN"> </span><span
| style="font-size: 11.0pt; line-height: 100%; color: #B69758; font-weight:
| bold">the rural landscapes</span><span style="font-size: 11.0pt; line-height:
| 100%; color: #B69758; font-weight: bold; language: EN">
| and important ecological resources
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">
| found
| throughout </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold; language: EN">Northwest Colorado</span><span
| style="font-size: 11.0pt; line-height: 100%; color: #B69758; font-weight:
| bold">. </span></p>
| <p class="MsoNormal" style="text-align: left; margin-top:0;
| margin-bottom:0"> </p>
| <p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">For</span><span style="font-size: 11.0pt; line-height:
| 100%; color: #B69758; font-weight: bold; language: EN">
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">ten years, Yampa Valley Land Trust
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold; language: EN">has diligently and actively conserved
| land</span><span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">
| in the Yampa Valley. Yampa Valley Land Trust </span><span
| style="font-size: 11.0pt; line-height: 100%; color: #B69758; font-weight:
| bold; language: EN">collaborates</span><span style="font-size: 11.0pt;
| line-height: 100%; color: #B69758; font-weight: bold">
| with a diverse group of landowners</span><span style="font-size: 11.0pt;
| line-height: 100%; color: #B69758; font-weight: bold; language: EN">
| that includes </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">traditional ranching families, new property owners, local
| governments
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold; language: EN">and
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">developers</span><span style="line-height: 100%;
| ">. </span></p>
| <p class="MsoNormal" style="text-align: left; margin-top:0;
| margin-bottom:0"> </p>
| <p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold; language: EN">The work of YVLT benefits the
| community, including
| residents,
| businesses</span><span style="font-size: 11.0pt; line-height: 100%; color:
| #B69758; font-weight: bold">,</span><span style="font-size: 11.0pt;
| line-height: 100%; color: #B69758; font-weight: bold; language: EN">
| second homeowners and the
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold">estimated 600,000
| visitors who come
| to enjoy Steamboat Springs and its
| </span>
| <span style="font-size: 11.0pt; line-height: 100%; color: #B69758;
| font-weight: bold; language: EN">surroundings</span><span style="font-size:
| 11.0pt; line-height: 100%; color: #B69758; font-weight: bold">
| each year</span><span style="font-size: 12.0pt; line-height: 100%; color:
| #B69758">. </span></p>
| <div dir="ltr">
| <p class="MsoNormal" style="text-align: left; margin-top:0; margin-bottom:0">
| <span style="font-family: Papyrus; color: #2B552B; font-weight: bold;
| language: EN">
| <font size="2"> </font></span></p></div>
| <p class="MsoNormal" style="text-align: left; margin-top: 0; margin-bottom:
| 0">
| <a href="donate.htm">
| <img border="0" src="newdonate.gif" width="142" height="89"
| align="right"></a></p>
| <p class="MsoNormal" style="text-align: center; margin-top: 0;
| margin-bottom: 0">
| </p>
| <p class="MsoNormal" style="text-align: center; margin-top: 0;
| margin-bottom: 0">
| </p>
| <p class="MsoNormal" style="text-align: center; margin-top: 0;
| margin-bottom: 0">
| </p>
| <p class="MsoNormal" style="text-align: center; margin-top: 0;
| margin-bottom: 0">
| </p>
| <p class="MsoNormal" style="text-align: center; margin-top: 0;
| margin-bottom: 0">
| </p>
| <p class="MsoNormal" style="text-align: center; margin-top: 0;
| margin-bottom: 0">
| </p>
| <p class="MsoNormal" style="text-align: center; margin-top: 0;
| margin-bottom: 0">
| <span style="font-family: Papyrus; color: #2B552B; font-weight: bold;
| language: EN">
| <font size="2">PO Box 773014 Steamboat Springs, Colorado 80477
| (970) 879-7240 www.yvlt.org </font></span></p>
| </div></wrapper>
| </body>
|
| </html>
 
Y

yvlt

thanks

Stefan B Rusynko said:
No

You have

<style type="text/css">
</body { text align:center; color:#2B552B; }
#wrapper { text-align:left; width:728px; margin:0 auto;position:relative; } ></style>

And should have

<style type="text/css"><!--
body { text-align:center; color:#CCC; }
#wrapper { text-align:left; width:728px; margin:0 auto;position:relative; }
--></style>

Plus below it you have
<div id=";wrapper">
Change it to
<div id="wrapper">




|
|
| So I changed the code as per your suggestion however the layers still appear
| off on certain browsers. Can you check to see if I did it right or do you
| have any other suggestions.
| Below is the code: the site is http://www.yvlt.org/about_us.htm
|
| thanks
|
| <head>
| <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
| <title>About_Us</title>
| <meta name="keywords" content="Yampa Valley Land Trust, Yampa Valley,
| Northwest Colorado, Colorado, Steamboat Springs, Meeker, Craig, Clark, Oak
| Creek, Toponas, Yampa, Phippsburg, Routt, Moffat, Grand, Jackson, Rio Blanco,
| Yampa River, White River, nonprofit, non-profit, land trust, land
| conservation organization, conservation organization, conservation, conserve,
| open land resources, open resources, land resources, resources, open space,
| scenic, agriculture, agricultural, recreation, wildlife, animals, habitat,
| historic, scenic vistas, natural, water, river, stream, creek, mineral, elk,
| deer, eagle, raptor, bird, grouse, mountain lion, turkey, bear, bat, heron,
| crane, beaver, chicken, livestock, cattle, horse, property, real estate,
| conservation easement, ranchland, farmland, great outdoors colorado, natural
| resource conservation service, historic preservation, agricultural
| protection, tac credits, Colorado tax, Enterprise Zone Contribution Project,
| Conservation Initiative, conservation values, ranchland heritage, donation,
| donate, contribute, support, landowner, grantor, permanently protect, land
| restriction, deed of conservation easement, ">
| <meta name="description" content="Yampa Valley Land Trust is a local
| non-profit organization in Northwest Colorado dedicated to conserving
| natural, scenic, agricultural, historic and other important open land
| resources">
| <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
| <meta name="ProgId" content="FrontPage.Editor.Document">
| <script language="JavaScript">
| <!--
| function FP_changeProp() {//v1.0
| var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
| d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
| s="o";
| ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
| if(null==eval(s)) {
| s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
| x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
| if(s) eval(s+"=v"); }
| }
|
| function FP_getObjectByID(id,o) {//v1.0
| var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
| el=o.getElementById(id);
| else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
| if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
| for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
| f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
| for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
| el; } }
| return null;
| }
| // -->
| </script>
| <meta name="Microsoft Theme" content="yvlt-website-theme 1011">
| <meta name="Microsoft Border" content="none, default">
| <style type="text/css">
| </body { text align:center; color:#2B552B; }
| #wrapper { text-align:left; width:728px; margin:0 auto;position:relative; }
| ></style>
| </head>
|
| <body>
| <div id=";wrapper">
| <p style="text-align: center"></p>
| <p style="margin-top: 0; margin-bottom: 0; text-align:center">
| <span style="font-size: 28.0pt; font-family: Papyrus; color: #2B552B;
| font-weight: bold; language: EN">
| Yampa Valley Land Trust</span></p>
|
| <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: 502px; 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: 629px; 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: 273px; 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: 377px; 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: 632px; 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: 788px; 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">
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top