have been trying to help out on a webpage, the draft of which is at:

www.pophaven.com

the problem is that the image and writing on the top frame can't be 'locked' into position, so that when lowering the browser window size, the image etc moves to the left. how can i get it to stay in the same position as the tables and images do in the side and main frames. i have tried 'absolute positioning etc with no luck..

I'm not sure if I understand what your asking correctly but if you want the image to be able to resize then instead of making it a definite size set width="auto" and height="auto", it will default to the size of the image and when you resize the window it should resize the picture as well...

it looks like you have the table width set to % and by the look of the source could do with some sorting out. First, get the width of you nav section then the width of your main body.

I'm right in assuming you want the image in the center of the main body and not the center of the whole content?

If your nav bar has a width of 200 and the main body 500 then it would go something like this:


<table width="700">
<tr>

<td width="200">
<img src="spacer.gif" width="200">
</td>

<td width="500" align="center">
<img src="logo.gif">
</td>

</tr>
</table>


HTH :)

clook...i've managed to stop the image moving all the way to the left by inserting a column, and putting in some characters in the same colour as the background, but i still get a small movement when i resize the browser window..i tried the above, but that still allowed the image to move

Its because the table in your header has a width of 711 and the table in the main page has a width of 630 make them the same or better still make them both100% instead of a definitive width. The setting at the moment means you have to scroll left to right on 800x600.

i think i've got it...for some reason the table in the header was set at 110%..i resized to 100% as suggested, and it now seems to stay 'still'..thanks for all the advice