justlukeyou Posted March 17, 2011 Share Posted March 17, 2011 I have a web page designed very similiar to these: http://www.play.com/Campaign.html?campaign=7505&cid=6732484&campaigntag=Why and http://www.rightmove.co.uk/ however, it only appears to work in compatability view and not in standard view. I have a CSS div which covers the whole screen with a grey background and then a wrapper at 1000px wide with a white background. Can anyone tell me the prefered method of making a page like this? Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted March 18, 2011 Share Posted March 18, 2011 Well just set the background of body to gray. body{ background:#999; } than make a wrapper div with a fixed width and center it by using margin. div#wrapper{ width:1000px; margin:0 auto; /* IE 5 needs text-align: center * / overflow: hidden; } Now i used overflow hidden there so it will shrink wrap around the inner elements of that container. more info on that trick can be found here. Did this answer your question? If not, be more precise. Quote Link to comment Share on other sites More sharing options...
justlukeyou Posted March 18, 2011 Author Share Posted March 18, 2011 Brilliant thanks, I shall try that tonight. Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted March 19, 2011 Share Posted March 19, 2011 Brilliant thanks, I shall try that tonight. [/quote did it work? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.