relative positioning?

[michaellunsford]

I have a grasp of CSS basics, but I'm still green. Just trying to migrate away from tables.

First step: 800x600 background image centered with CSS. Works great. Now, I want to position a div on top of the background image on a very specific spot. Since the background is centered, can I make something relative to center?

[moberemk]

Either that or you can make a div that surrounds everything else in the page code, which you then assign the width of the background image, and then give margin: auto; within it's style declaration.

[michaellunsford]

I just need to figure out how to make a div show up 250px right and 100px higher than center.

thanks!

[seanlim]

Hi there,

You could do what moberemk suggested and use a div to surround everything else and use margin:auto You should also use text-align:center for it to work in IE. To make it show up 250 px right, i suppose you can set position:relative and set right:250px

The problem is the vertical-alignment. if i am not wrong, css at the moment still lacks support for vertical alignment of elements in a div. There are several workarounds for this which can be easily googled.

I have never liked these workarounds and hacks and so have, (sadly) returned to the table method once in a while.

[michaellunsford]

This seems to work:

position:relative; top:-160px; margin-left:auto; margin-right:auto; right:250px; width:320px;