The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Objects Position Reletive To The Div
refreblast
post Mar 9 2012, 04:40 PM
Post #1





Group: Members
Posts: 5
Joined: 9-March 12
Member No.: 16,668



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Mar 9 2012, 04:44 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,650
Joined: 10-August 06
Member No.: 7



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".
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
refreblast
post Mar 9 2012, 04:50 PM
Post #3





Group: Members
Posts: 5
Joined: 9-March 12
Member No.: 16,668



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 9 2012, 05:24 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
refreblast
post Mar 11 2012, 02:01 PM
Post #5





Group: Members
Posts: 5
Joined: 9-March 12
Member No.: 16,668





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.

This post has been edited by refreblast: Mar 11 2012, 02:02 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 11 2012, 06:11 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 17th April 2024 - 08:57 PM