On Thu, Jun 15, 2006 at 12:21:04PM +0200, Els wrote: > Just make a div with id="container" to hold all that's inside > <body> now, give it position:relative, and all that was > previously absolute positioned to the viewport, will now be > relative to the container. (no need to change any of the absolute > values you already set) > Then you center the container by giving it a width and > margin:auto;.
Ok, I've tried that. I've also used the container to give a background colour of white for the content area, where the main body background will be grey. This hasn't been entirely successful; I guess I have to set a fixed height, as not setting one meant the white background wasn't seen, and setting 100% as I have at present isn't really what I want? Another issue, which I really can't get but perhaps this is just because I've been staring at the screen too long... I have a purple triangle, which fits in the right place on my front page. But when you go to the "homeseeker" page, which I have also amended to work with the new container, the purple triangle leaps to the wrong place... And I think the whole thing is leaping a few pixels when I go from one page to another. Surely, the width should be fixed and therefore the content area should remain in the same place between pages? All areas where widths are set are in the stylesheet, all pages have the same sections in them... so all should be the same width? Sorry to throw this at people on a Friday but I am boggling. Been staring at the screen too long I think :( Site is http://www.wdam.co.uk/clients/dynam/hh/ -- Flash Wilson - Web Design & Mastery - 0870 401 4061 / 07939 579090 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Work: www.wdam.co.uk Personal: www.gorge.org ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
