Problem with screen resolutions beyond 1024

[teesside media]

i have been working on a site and it looks fine 800*600 and 1024*768 so i carry on working (it was practically finished) until its brought to my attention that looking at it 1152*864 theres a big grey gap between the main table in the middle and the right hand side menu bit, i've tried doing % and moving stuff to the right but nothings working, has anyone any suggestions?

Thanks

[Matt Probert]

Perhaps try declaring a default background colour? It wont work in all cases, but it may replace the grey area with a different colour that fits in?

Matt

[ronin]

Is the table centred on the page?

If so you can apply the following style to the right hand bit...

Let's say the table is 600px wide.
Half of that is 300px.

So if you tell the browser to position the left edge of the right hand bit, exactly in the middle of the screen, but then make the right-hand bit have a margin of 300px, the right-hand-bit will appear just to the right of the right edge of the table.

style="position:absolute; left:50%; margin-left:300px;"

Does that work at all?

Otherwise, if the width of your table is a percentage of the screen-width rather than a fixed-pixel width, you can try the following:

If the table is 60% width of the screen, it has margins of 20% on the left and the right.

Therefore, if you put the left edge of the right-hand bit on the right edge of the screen and then shift the left margin to the right by 20%, you should end up, once again with the right hand bit aligned along the right edge of the centred table.

style="position:absolute; right:0; margin-left:-20%;"

I haven't tried either of these, but they should work.