Help - Search - Members - Calendar
Full Version: Objects Position Reletive To The Div
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
refreblast
I am working on a website that is mainly and image, but there is an image rotator thrown in there. I figured out how to have the image center properly but now, the image rotator is off always in the top corner and I cant use "position: absolute" because people have different resolutions. Am I able to make the position absolute within the <div> tag instead of within the page as a whole. Everything within <body> is in one large <div> tag anyway. I am at a loss right now.

I can't include the URL as no one is suppose to see the website before it is released.
Christian J
QUOTE(refreblast @ Mar 9 2012, 10:40 PM) *

I cant use "position: absolute" because people have different resolutions.

You might be able to with percent units.

QUOTE
Am I able to make the position absolute within the <div> tag instead of within the page as a whole.

Yes, if you make the DIV "position: relative".
refreblast
QUOTE(Christian J @ Mar 9 2012, 04:44 PM) *

QUOTE(refreblast @ Mar 9 2012, 10:40 PM) *

I cant use "position: absolute" because people have different resolutions.

You might be able to with percent units.

QUOTE
Am I able to make the position absolute within the <div> tag instead of within the page as a whole.

Yes, if you make the DIV "position: relative".


I tried that and it did not work. I set the #page div as position:relative and I set its height and width to that of the image that occupies it, and it did not effect the position of the image rotator
pandy
So did you position the image rotator and is it inside #page?

Can you post the URL to a sample page with what you've got so far, use a temp URL? That would make things a lot easier.
refreblast


There is the code. I cant post the URL because my webhost is down at the moment and I am unaware of when it will be back up.
pandy
Nothing is positioned relative here. If it's in the linked style sheet we can't see it. Neither can we see what the scripts do.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.