Question about width?

Hello

I asked a similar question previously but this is a different question/problem

I have a #wrapper id which is set to width:80% meaning it stretches according to the screen resolution.

However I then have an #inner tag which has a fixed width of 950px as i dont want the content to stretch if the screen reolution changes as the elements have a fixed widths.

In IE the page is centred but in firefox the whole page is aligned right and will only centre if i change the width of the #inner tag to be auto;.....cant really win on this one?

Link is:

www.noneforit.com/marie/index.html

Not sure I'm understanding the problem here.

Your page looks exactly the same to me in IE7 and FF3, at 1280 by 1024.
At full width #inner remains centred within #wrapper.

Have I misunderstood?

Change your resolution to 1024x768 and the problem becomes evident

Thanks

Change your resolution to 1024x768 and the problem becomes evident

Thanks
1024 x 80/100 = 819.2 is always less than 950 and it was already answered in your previous thread.

Ok, got it now, although it still looks the same in IE7 and FF3.

Might be off target (again...) but why not remove #wrapper completely, centre #inner and apply a max-width of 950px?

Thanks very much SB65 it worked great

Wrapper tag now gone and the #inner tag is now:

#inner
{
width: auto;
height:690px;
margin: auto;
max-width: 950px;
border:#000000 1px solid;
}

:)