Here are a couple of things to get you started in the right direction.
1. body {margin:0; padding:0;}
2. As far as I can tell (by viewing the full background image), the
background image on www.directors-online.net is positioned from its left
and bottom edges (so that the top most portion of the image isn't
visible) - in your version you're attempting to position the image from
the left and top. And so something like [background-position: 50%
bottom;] would get you pretty close to what you want.
Check this link out for more info on background positioning:
http://www.quirksmode.org/css/backgroundposition.html
Hope this helps,
Shawn Lawler
Ian Young wrote:
> In this draft of site for client, put background image inside a div in order
> to control for different resolutions.
>
> Two odd things.
>
> Despite having same position as when defined in body - 50% 30%, the image
> has dropped lower in page. More bizarrely in the div where the image is
> located, if the border is commented out or deleted the image drops to bottom
> of page.
>
> I have tried all combinations of background-position and still cannot get
> image to site at top of page in centre.
>
> Both html and css validate. So what's going on?
>
> http://www.iyesolutions.co.uk/templates/new-dol/home-test.html
> http://www.iyesolutions.co.uk/templates/new-dol/includes/style-home.css
>
> Original
> http://www.directors-online.net
>
> Got me stumped.
>
> Ian
>
______________________________________________________________________
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/
