michaellunsford Posted May 31, 2006 Share Posted May 31, 2006 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? Quote Link to comment https://forums.phpfreaks.com/topic/10815-relative-positioning/ Share on other sites More sharing options...
moberemk Posted May 31, 2006 Share Posted May 31, 2006 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. Quote Link to comment https://forums.phpfreaks.com/topic/10815-relative-positioning/#findComment-40522 Share on other sites More sharing options...
michaellunsford Posted May 31, 2006 Author Share Posted May 31, 2006 I just need to figure out how to make a div show up 250px right and 100px higher than center. thanks! Quote Link to comment https://forums.phpfreaks.com/topic/10815-relative-positioning/#findComment-40561 Share on other sites More sharing options...
seanlim Posted June 3, 2006 Share Posted June 3, 2006 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:250pxThe 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. Quote Link to comment https://forums.phpfreaks.com/topic/10815-relative-positioning/#findComment-41480 Share on other sites More sharing options...
michaellunsford Posted June 5, 2006 Author Share Posted June 5, 2006 This seems to work:position:relative; top:-160px; margin-left:auto; margin-right:auto; right:250px; width:320px; Quote Link to comment https://forums.phpfreaks.com/topic/10815-relative-positioning/#findComment-42116 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.