Jump to content

Archived

This topic is now archived and is closed to further replies.

michaellunsford

relative positioning?

Recommended Posts

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?

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
I just need to figure out how to make a div show up 250px right and 100px higher than center.

thanks!

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
This seems to work:

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

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.