Forum Moderators: not2easy

Message Too Old, No Replies

Please help me link to #location

it messes up whole page

         

letsgetsilly

1:45 pm on Jun 16, 2006 (gmt 0)

10+ Year Member



Quick layout of my site:I have a 3 <div> column webpage. All columns are full-height/liquid.

Problem: My left column has a link to a location on the center column like this:

<a class="performance" href="#success1"><u>Past Performance 2</u></a>

On my center column, I have an anchor tag like this:
<a class="subtitle1" name="success1">Story</a>

When I use this method it scrolls the center column to that location and leaves all the other columns in their original position. The result is a very messy setup with all of the <divs> rearranged. on the screen and no way to revert back.

Are there any suggestions on how to have the whole page scroll to the desired location instead of just the center column? thanks for any help!

letsgetsilly

7:42 pm on Jun 16, 2006 (gmt 0)

10+ Year Member



I've been searching for a way to link to a specific Y location on the webpage, but no luck.

londrum

9:01 pm on Jun 16, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



you could try positioning the columns 'absolutely'
ie. position:absolute; top:0; left:whatever; width:whatever

then the divs should stick in the same place.

if you can't do that because you've got a header above them, then just wrap all three columns in another div that comes after the header