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? Link to comment https://forums.phpfreaks.com/topic/230965-grey-background-outside-wrapper/ 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. Link to comment https://forums.phpfreaks.com/topic/230965-grey-background-outside-wrapper/#findComment-1189037 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. Link to comment https://forums.phpfreaks.com/topic/230965-grey-background-outside-wrapper/#findComment-1189112 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? Link to comment https://forums.phpfreaks.com/topic/230965-grey-background-outside-wrapper/#findComment-1189523 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.