Help! my site looks ok on a 1280px screen and too wide on 1024px.

screen size screen resolution layers div tags

[Mistress Web]

I am designing my website using my laptop which is 1280x800px. I viewed my site on another laptop at 1024x768px and it is too wide and has a horrible scroll bar going across the page. I am using layers and position:absolute; and CSS. I have put my layers at 95px from the left which looks fine in 1280 but too wide for 1024px

If anyone has any suggestions, or should i just align my site close to the left of the browser? I would rather have it more in the centre.

Can anyone help?

[Marshall]

Mistress Web, welcome to WebmasterWorld.

If your content area is 1280 pixels wide, aligning it left is not going to help. The only solution is to narrow your design. Keep in mind that really wide designs do not always look good. Think beyond your own monitor. Currently, the more popular width is about 1010-1020 pixels maximum width.

If you want the design centered, put the entire content in an outer wrapper that centers automatically and do away with the left 95px margin.

CSS -

#outWrap {
width: 1020px; /*use what works for you*/
margin: 0 auto;
padding: 0;
}

HTML -

<div id="outWrap">
ALL YOU CURRENT CONTENT
</div>

Hope this helps.

Marshall