Why does my wrapper work correctly in IE and Firefox

programming web dev
1

but is way to the left in Safari ?

http://www.classicsignature.com/

Thanks for any help!

2

get rid of the margin-left attribute in your css, then set margin-left:auto, and margin-right:auto.

Should be fine after that.

3

it wont, ive already fiddled with the page in firebug

everything within #wrapper is absolutely positioned, so margin: 0 auto; on your #wrapper does nothing.

Optimally you should re-write this page without absolute positioning…

4

[quote=fasterthanlight™;2325632]it wont, ive already fiddled with the page in firebug

everything within #wrapper is absolutely positioned, so margin: 0 auto; on your #wrapper does nothing.

Optimally you should re-write this page without absolute positioning…[/quote]

Thank you for the response, can you please tell me what alternative method I might use and where a good tutorial for that would be. I like being able to position objects regardless of browser or resolution.

Thanks again

5

Positioning objects without absolute is a lot easier…

instead of defining exact x and y coordinates, you tell the divs to behave a specific way… (this allows your divs to expand and contract to fit different content)

Use these examples with Firebug to figure out a way to re-write your html and css

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

The key to relative positioning, is using Floats,

which basically tell a div (not whats within a div) to “always align” to the left or right…