Resolved Absolute Center?

[MrTIMarshall]

Hello,

I'm trying to achieve an absolute center on my website, however upon changing the screen size, the image does not stay in the center.

http://sunlightgardenservices.co.uk/index-new2.html

Any ideas?

Best Regards,
Tim

[KULP]

You need to use these in the CSS for your image:

margin-left: -[Image Width / 2]px; //find this yourself.
left: 50%;

[Custard7A]

This should help: http://www.codingforums.com/showpost...54&postcount=9

[KULP]

Originally Posted by Custard7A

This should help: http://www.codingforums.com/showpost...54&postcount=9

when the screen gets too small, the content will disappear off the left side without so much as a scrollbar, making that area of the page completely unaccessable

I've never had that problem before. Have an example?

[Excavator]

Hello MrTIMarshall,
That post Custard7A links to leaves out two very important requirements, see below:

To center an element you need three things:

1. a valid DocType
2. an element with a width
3. that elements right/left margins set to auto

[Custard7A]

I don't know! I was just thinking how this is the most commonly asked question as far as I've seen, so I thought there should be something stickied about it. That post I linked was sticky in this very section. I've only ever used the margin: auto method.

[MrTIMarshall]

The problem is, I plan to have grass on either side as well, however this is the center of the website where I need to get this working before I implement anything else.

http://sunlightgardenservices.co.uk/index-new.html

This is what I'm rebuilding so you can see how I was doing things, which will be the same, however I understand how media queries work now so I thought I would start from scratch to look at the other one for reference.

Thank you for the current posts