• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 206
  • Last Modified:

Vertically Centering Content

Hey all, i have a page with some content in it. I need to center the whole thing so that in large resolutions, the content is always in the middle of the page. Two things. first is, if the resolution is small, i want at the very least the content to stop when it gets to the top of the page. I tried doing top:50% height: 680 margin-top:-340px. The problem is that in a smaller resoultion the content goes flying off the page. How do i do this? The nav is in an absolute div at the top, this too has to be centered vertically. Thanks for your help all!

er
<div id="navContainer" align="center">
	<a href="#" onMouseOver="$('artists_subNav').hide();$('guestArtists_subNav').hide();$('shop_subNav').hide();$('media_subNav').hide();"><img src="Images/spacer.gif"width="68" height="19" border="0"></a>
  <a href="artists.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_artists','','Images/but_artists-over.png',1); $('artists_subNav').show(); $('guestArtists_subNav').hide(); $('shop_subNav').hide();" style="margin-right:10px;"><img src="Images/but_artists.png" alt="Artists" name="but_artists" width="68" height="19" border="0"></a>
<a href="guestArtists.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_guestArtists','','Images/but_guestArtists-over.png',1); $('artists_subNav').hide(); $('guestArtists_subNav').show(); $('shop_subNav').hide();" style="margin-right:10px; "><img src="Images/but_guestArtists.png" alt="Guest Artists" name="but_guestArtists" width="126" height="19" border="0"></a>
  <a href="shop.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_shop','','Images/but_shop-over.png',1); $('artists_subNav').hide(); $('guestArtists_subNav').hide(); $('shop_subNav').show();" style="margin-right:10px;"><img src="Images/but_shop.png" alt="Our Shop" name="but_shop" width="92" height="19" border="0"></a>
  <a href="store.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_store','','Images/but_store-over.png',1); $('shop_subNav').hide();" style="margin-right:10px;"><img src="Images/but_store.png" alt="Store" name="but_store" width="55" height="19" border="0"></a>
    <a href="http://www.tattooeliteinternational.com" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_artPrints','','Images/but_artPrints-over.png',1); $('media_subNav').hide();" style="margin-right:10px;"><img src="Images/but_artPrints.png" alt="Art Prints" name="but_artPrints" width="100" height="19" border="0"></a>
    <a href="media.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_media','','Images/but_media-over.png',1); $('media_subNav').show();" style="margin-right:10px;"><img src="Images/but_media.png" alt="Media" name="but_media" width="58" height="19" border="0"></a>
    <a href="contact.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_contactUs','','Images/but_contactUs-over.png',1); $('media_subNav').hide();"><img src="Images/but_contactUs.png" alt="Contact Us" name="but_contactUs" width="113" height="19" border="0"></a>
	<a href="#" onMouseOver="$('artists_subNav').hide();$('guestArtists_subNav').hide();$('shop_subNav').hide();$('media_subNav').hide();"><img src="Images/spacer.gif"width="68" height="19" border="0"></a>

<!-- Sub Navs -->

  <div style="position:relative">
    <div id="artists_subNav" style="position:absolute; z-index:1; left:110px; display:none; background-image:url(Images/black_90.png);">
<table width="200" border="0" cellpadding="0" cellspacing="0">
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_rubendall','','images/but_rubendall-over.png',1)" style="display:block;"><img src="images/but_rubendall.png" alt="Mike Rubendall" name="but_rubendall" width="148" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
             </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_grez','','images/but_grez-over.png',1)" style="display:block;"><img name="but_grez" border="0" src="images/but_grez.png" alt="Grez"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_beckerich','','images/but_beckerich-over.png',1)" style="display:block;"><img src="images/but_beckerich.png" alt="Matt Beckerich" name="but_beckerich" width="148" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=4" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_weatherholtz','','images/but_weatherholtz-over.png',1)" style="display:block;"><img src="images/but_weatherholtz.png" alt="Justin Weatherholtz" name="but_weatherholtz" width="194" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=5" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_paul','','images/but_paul-over.png',1)" style="display:block;"><img src="images/but_paul.png" alt="Brian Paul" name="but_paul" width="101" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=14" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_schor','','images/but_schor-over.png',1)" style="display:block;"><img src="images/but_schor.png" alt="Sarah Schor" name="but_schor" width="125" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
          </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=15" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_leBlanc','','images/but_leBlanc-over.png',1)" style="display:block;"><img src="images/but_leBlanc.png" alt="Kevin LeBlanc" name="but_leBlanc" width="131" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
        </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
               <td style="padding:4px 4px 0px 4px;"><a href="artists_view.asp?id=16" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_nel','','images/but_nel-over.png',1)" style="display:block;"><img src="images/but_nel.png" alt="Shaun Nel" name="but_nel" width="100" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
                <td colspan="3"><img src="Images/spacer.gif" width="222" height="5" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
      </table>
	</div>


    <div id="guestArtists_subNav" style="position:absolute; z-index:1; left:193px; display:none; background-image:url(Images/black_90.png);">
<table width="200" border="0" cellpadding="0" cellspacing="0">
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=6" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_oDonnell','','images/but_oDonnell-over.png',1)" style="display:block;"><img src="images/but_oDonnell.png" alt="Christ O'Donnell" name="but_oDonnell" width="158" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
             </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=7" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_dellaVedova','','images/but_dellaVedova-over.png',1)" style="display:block;"><img src="images/but_dellaVedova.png" alt="Aaron Della Vedova" name="but_dellaVedova" width="198" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=8" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_hoyer','','images/but_hoyer-over.png',1)" style="display:block;"><img src="images/but_hoyer.png" alt="Timothy Hoyer" name="but_hoyer" width="145" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=7" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_brooks','','images/but_brooks-over.png',1)" style="display:block;"><img src="images/but_brooks.png" alt="Jason Brooks" name="but_brooks" width="130" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_hendricks','','images/but_hendricks-over.png',1)" style="display:block;"><img src="images/but_hendricks.png" alt="Tim Hendricks" name="but_hendricks" width="138" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=11" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_vonD','','images/but_vonD-over.png',1)" style="display:block;"><img src="images/but_vonD.png" alt="Kat Von D" name="but_vonD" width="99" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
          </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=12" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_puente','','images/but_puente-over.png',1)" style="display:block;"><img src="images/but_puente.png" alt="Juan Puente" name="but_puente" width="114" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
        </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
               <td style="padding:4px 4px 0px 4px;"><a href="guestArtists_view?id=13" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_jorgensen','','images/but_jorgensen-over.png',1)" style="display:block;"><img src="images/but_jorgensen.png" alt="Henning Jorgensen" name="but_jorgensen" width="185" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td colspan="3"><img src="Images/spacer.gif" width="226" height="5" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
      </table>
	</div>


    <div id="shop_subNav" style="position:absolute; z-index:1; left:334px; display:none; background-image:url(Images/black_90.png);">
<table border="0" cellpadding="0" cellspacing="0" height="10">
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('shop_subNav').hide();"></td>
                <td style="padding:4px;"><a href="shop.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_longIsland','','images/but_longIsland-over.png',1)" style="display:block;"><img src="images/but_longIsland.png" alt="Long Island" name="but_longIsland" width="117" height="19" border="0"></a>
                </td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('shop_subNav').hide();"></td>
             </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('shop_subNav').hide();"></td>
                <td style="padding:4px;"><a href="shop.asp?id=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_manhattan','','images/but_manhattan-over.png',1)" style="display:block;"><img src="images/but_manhattan.png" alt="Manhattan" name="but_manhattan" width="109" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('shop_subNav').hide();"></td>
              </tr>
              <tr>
                <td colspan="3"><img src="Images/spacer.gif" width="145" height="5" border="0" onMouseOver="$('shop_subNav').hide();"></td>
              </tr>
      </table>
	</div>

    <div id="media_subNav" style="position:absolute; z-index:1; left:623px; display:none; background-image:url(Images/black_90.png);">
<table border="0" cellpadding="0" cellspacing="0" height="10">
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
                <td style="padding:4px;"><a href="media_press.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_press','','images/but_press-over.png',1)" style="display:block;"><img src="images/but_press.png" alt="Press" name="but_press" width="51" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
             </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
                <td style="padding:4px;"><a href="media.asp?id=1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_mediaRubendall','','images/but_rubendall-over.png',1)" style="display:block;"><img src="images/but_rubendall.png" alt="Mike Rubendall" name="but_mediaRubendall" width="148" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
                <td style="padding:4px;"><a href="media.asp?id=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_mediaGrez','','images/but_grez-over.png',1)" style="display:block;"><img src="images/but_grez.png" alt="Grez" name="but_mediaGrez" width="48" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
                <td style="padding:4px;"><a href="media.asp?id=3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_mediaBeckerich','','images/but_beckerich-over.png',1)" style="display:block;"><img src="images/but_beckerich.png" alt="Matt Beckerich" name="but_mediaBeckerich" width="148" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
              </tr>
              <tr>
                <td colspan="3"><img src="Images/spacer.gif" width="168" height="5" border="0" onMouseOver="$('media_subNav').hide();"></td>
              </tr>
      </table>
	</div>

  </div> <!-- relative div -->

<!-- End Sub Navs -->




</div>

<div align="center" style="margin-bottom:10px;"><img src="Images/shopFrontLarge2.jpg" width="945" height="628"></div>



<table width="945" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td nowrap>

		<div align="center">
                    <a href="shop.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_longIsland2','','images/but_longIsland-over.png',1)" style="margin-right:10px;"><img src="images/but_longIsland.png" alt="Long Island" name="but_longIsland2" width="117" height="19" border="0"></a>
                    <a href="shop.asp?id=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_manhattan2','','images/but_manhattan-over.png',1)"><img src="images/but_manhattan.png" alt="Manhattan" name="but_manhattan2" width="109" height="19" border="0"></a>
		</div></td>
  </tr>
</table>

Open in new window

0
engineroom
Asked:
engineroom
  • 2
1 Solution
 
Paul JacksonCommented:
0
 
engineroomAuthor Commented:
That didn't work out for me. Any other ideas? Here's the code i tried.
<div style="position:relative;">
<div style="position:absolute; z-index1; top:50%; height:680px; margin-top:-340px;">

<div id="navContainer" align="center">
	<a href="#" onMouseOver="$('artists_subNav').hide();$('guestArtists_subNav').hide();$('shop_subNav').hide();$('media_subNav').hide();"><img src="Images/spacer.gif"width="68" height="19" border="0"></a>
  <a href="artists.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_artists','','Images/but_artists-over.png',1); $('artists_subNav').show(); $('guestArtists_subNav').hide(); $('shop_subNav').hide();" style="margin-right:10px;"><img src="Images/but_artists.png" alt="Artists" name="but_artists" width="68" height="19" border="0"></a>
<a href="guestArtists.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_guestArtists','','Images/but_guestArtists-over.png',1); $('artists_subNav').hide(); $('guestArtists_subNav').show(); $('shop_subNav').hide();" style="margin-right:10px; "><img src="Images/but_guestArtists.png" alt="Guest Artists" name="but_guestArtists" width="126" height="19" border="0"></a>
  <a href="shop.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_shop','','Images/but_shop-over.png',1); $('artists_subNav').hide(); $('guestArtists_subNav').hide(); $('shop_subNav').show();" style="margin-right:10px;"><img src="Images/but_shop.png" alt="Our Shop" name="but_shop" width="92" height="19" border="0"></a>
  <a href="store.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_store','','Images/but_store-over.png',1); $('shop_subNav').hide();" style="margin-right:10px;"><img src="Images/but_store.png" alt="Store" name="but_store" width="55" height="19" border="0"></a>
    <a href="http://www.tattooeliteinternational.com" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_artPrints','','Images/but_artPrints-over.png',1); $('media_subNav').hide();" style="margin-right:10px;"><img src="Images/but_artPrints.png" alt="Art Prints" name="but_artPrints" width="100" height="19" border="0"></a>
    <a href="media.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_media','','Images/but_media-over.png',1); $('media_subNav').show();" style="margin-right:10px;"><img src="Images/but_media.png" alt="Media" name="but_media" width="58" height="19" border="0"></a>
    <a href="contact.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_contactUs','','Images/but_contactUs-over.png',1); $('media_subNav').hide();"><img src="Images/but_contactUs.png" alt="Contact Us" name="but_contactUs" width="113" height="19" border="0"></a>
	<a href="#" onMouseOver="$('artists_subNav').hide();$('guestArtists_subNav').hide();$('shop_subNav').hide();$('media_subNav').hide();"><img src="Images/spacer.gif"width="68" height="19" border="0"></a>

<!-- Sub Navs -->

  <div style="position:relative">
    <div id="artists_subNav" style="position:absolute; z-index:1; left:110px; display:none; background-image:url(Images/black_90.png);">
<table width="200" border="0" cellpadding="0" cellspacing="0">
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_rubendall','','images/but_rubendall-over.png',1)" style="display:block;"><img src="images/but_rubendall.png" alt="Mike Rubendall" name="but_rubendall" width="148" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
             </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_grez','','images/but_grez-over.png',1)" style="display:block;"><img name="but_grez" border="0" src="images/but_grez.png" alt="Grez"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_beckerich','','images/but_beckerich-over.png',1)" style="display:block;"><img src="images/but_beckerich.png" alt="Matt Beckerich" name="but_beckerich" width="148" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=4" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_weatherholtz','','images/but_weatherholtz-over.png',1)" style="display:block;"><img src="images/but_weatherholtz.png" alt="Justin Weatherholtz" name="but_weatherholtz" width="194" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=5" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_paul','','images/but_paul-over.png',1)" style="display:block;"><img src="images/but_paul.png" alt="Brian Paul" name="but_paul" width="101" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=14" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_schor','','images/but_schor-over.png',1)" style="display:block;"><img src="images/but_schor.png" alt="Sarah Schor" name="but_schor" width="125" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
          </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="artists_view.asp?id=15" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_leBlanc','','images/but_leBlanc-over.png',1)" style="display:block;"><img src="images/but_leBlanc.png" alt="Kevin LeBlanc" name="but_leBlanc" width="131" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
        </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
               <td style="padding:4px 4px 0px 4px;"><a href="artists_view.asp?id=16" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_nel','','images/but_nel-over.png',1)" style="display:block;"><img src="images/but_nel.png" alt="Shaun Nel" name="but_nel" width="100" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
              <tr>
                <td colspan="3"><img src="Images/spacer.gif" width="222" height="5" border="0" onMouseOver="$('artists_subNav').hide();"></td>
              </tr>
      </table>
	</div>


    <div id="guestArtists_subNav" style="position:absolute; z-index:1; left:193px; display:none; background-image:url(Images/black_90.png);">
<table width="200" border="0" cellpadding="0" cellspacing="0">
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=6" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_oDonnell','','images/but_oDonnell-over.png',1)" style="display:block;"><img src="images/but_oDonnell.png" alt="Christ O'Donnell" name="but_oDonnell" width="158" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
             </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=7" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_dellaVedova','','images/but_dellaVedova-over.png',1)" style="display:block;"><img src="images/but_dellaVedova.png" alt="Aaron Della Vedova" name="but_dellaVedova" width="198" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=8" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_hoyer','','images/but_hoyer-over.png',1)" style="display:block;"><img src="images/but_hoyer.png" alt="Timothy Hoyer" name="but_hoyer" width="145" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=7" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_brooks','','images/but_brooks-over.png',1)" style="display:block;"><img src="images/but_brooks.png" alt="Jason Brooks" name="but_brooks" width="130" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_hendricks','','images/but_hendricks-over.png',1)" style="display:block;"><img src="images/but_hendricks.png" alt="Tim Hendricks" name="but_hendricks" width="138" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=11" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_vonD','','images/but_vonD-over.png',1)" style="display:block;"><img src="images/but_vonD.png" alt="Kat Von D" name="but_vonD" width="99" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
          </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
                <td style="padding:4px;"><a href="guestArtists_view.asp?id=12" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_puente','','images/but_puente-over.png',1)" style="display:block;"><img src="images/but_puente.png" alt="Juan Puente" name="but_puente" width="114" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
        </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
               <td style="padding:4px 4px 0px 4px;"><a href="guestArtists_view?id=13" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_jorgensen','','images/but_jorgensen-over.png',1)" style="display:block;"><img src="images/but_jorgensen.png" alt="Henning Jorgensen" name="but_jorgensen" width="185" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
              <tr>
				<td colspan="3"><img src="Images/spacer.gif" width="226" height="5" border="0" onMouseOver="$('guestArtists_subNav').hide();"></td>
              </tr>
      </table>
	</div>


    <div id="shop_subNav" style="position:absolute; z-index:1; left:334px; display:none; background-image:url(Images/black_90.png);">
<table border="0" cellpadding="0" cellspacing="0" height="10">
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('shop_subNav').hide();"></td>
                <td style="padding:4px;"><a href="shop.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_longIsland','','images/but_longIsland-over.png',1)" style="display:block;"><img src="images/but_longIsland.png" alt="Long Island" name="but_longIsland" width="117" height="19" border="0"></a>
                </td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('shop_subNav').hide();"></td>
             </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('shop_subNav').hide();"></td>
                <td style="padding:4px;"><a href="shop.asp?id=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_manhattan','','images/but_manhattan-over.png',1)" style="display:block;"><img src="images/but_manhattan.png" alt="Manhattan" name="but_manhattan" width="109" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('shop_subNav').hide();"></td>
              </tr>
              <tr>
                <td colspan="3"><img src="Images/spacer.gif" width="145" height="5" border="0" onMouseOver="$('shop_subNav').hide();"></td>
              </tr>
      </table>
	</div>

    <div id="media_subNav" style="position:absolute; z-index:1; left:623px; display:none; background-image:url(Images/black_90.png);">
<table border="0" cellpadding="0" cellspacing="0" height="10">
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
                <td style="padding:4px;"><a href="media_press.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_press','','images/but_press-over.png',1)" style="display:block;"><img src="images/but_press.png" alt="Press" name="but_press" width="51" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
             </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
                <td style="padding:4px;"><a href="media.asp?id=1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_mediaRubendall','','images/but_rubendall-over.png',1)" style="display:block;"><img src="images/but_rubendall.png" alt="Mike Rubendall" name="but_mediaRubendall" width="148" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
                <td style="padding:4px;"><a href="media.asp?id=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_mediaGrez','','images/but_grez-over.png',1)" style="display:block;"><img src="images/but_grez.png" alt="Grez" name="but_mediaGrez" width="48" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
              </tr>
              <tr>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
                <td style="padding:4px;"><a href="media.asp?id=3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_mediaBeckerich','','images/but_beckerich-over.png',1)" style="display:block;"><img src="images/but_beckerich.png" alt="Matt Beckerich" name="but_mediaBeckerich" width="148" height="19" border="0"></a></td>
				<td><img src="Images/spacer.gif" width="10" height="27" border="0" onMouseOver="$('media_subNav').hide();"></td>
              </tr>
              <tr>
                <td colspan="3"><img src="Images/spacer.gif" width="168" height="5" border="0" onMouseOver="$('media_subNav').hide();"></td>
              </tr>
      </table>
	</div>

  </div> <!-- relative div -->

<!-- End Sub Navs -->




</div>

<div align="center" style="margin-bottom:10px;"><img src="Images/shopFrontLarge2.jpg" width="945" height="628"></div>



<table width="945" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td nowrap>

		<div align="center">
                    <a href="shop.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_longIsland2','','images/but_longIsland-over.png',1)" style="margin-right:10px;"><img src="images/but_longIsland.png" alt="Long Island" name="but_longIsland2" width="117" height="19" border="0"></a>
                    <a href="shop.asp?id=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('but_manhattan2','','images/but_manhattan-over.png',1)"><img src="images/but_manhattan.png" alt="Manhattan" name="but_manhattan2" width="109" height="19" border="0"></a>
		</div></td>
  </tr>
</table>

</div>
</div>

Open in new window

0
 
HagayMandelCommented:
What exactly do you mean by:
if the resolution is small, i want at the very least the content to stop when it gets to the top of the page
0
 
engineroomAuthor Commented:
Your're right about that. I got it working using the vertical-align. Thanks a lot!
0

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now