468,257 Members | 1,410 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,257 developers. It's quick & easy.

CSS Absolute Positioning and Browser Resizing

Hello Everyone,

I am in the process of redesigning my web page and I ran into a
problem while using CSS. I have laid out my web page with auto
margins so that the content is centered. I assume that this will
enable the content to be centered in any resolution which the viewer
may be using. I then tried to position some navigation images on my
web page (using absolute positioning). When the browser is resized,
the images stay in the same place (as they should by the
implementation of absolute positioning).

My question is how do I position the images such that if the browser
window is resized then the images will change position so that they
appear where they should. My test page is at:
http://www.bryanrmeyer.net/newpage. If you notice where my navigation
images are (Archives, Projects, etc) then try to resize the browser,
you will see the effect. The header graphic is adjusted but the
images do not move.

Would I be better off using percentage units rather than pixels to
position the elements? Or do I put all of the images in one DIV class
and then position that with respect to the rest of the page?

Any help would be appreciated.

Thanks,
Bryan
Jul 20 '05 #1
8 5189
Els
Bryan R. Meyer wrote:
Hello Everyone,

I am in the process of redesigning my web page and I ran into a
problem while using CSS. I have laid out my web page with auto
margins so that the content is centered. I assume that this will
enable the content to be centered in any resolution which the viewer
may be using. I then tried to position some navigation images on my
web page (using absolute positioning). When the browser is resized,
the images stay in the same place (as they should by the
implementation of absolute positioning).

My question is how do I position the images such that if the browser
window is resized then the images will change position so that they
appear where they should. My test page is at:
http://www.bryanrmeyer.net/newpage. If you notice where my navigation
images are (Archives, Projects, etc) then try to resize the browser,
you will see the effect. The header graphic is adjusted but the
images do not move.

Would I be better off using percentage units rather than pixels to
position the elements? Or do I put all of the images in one DIV class
and then position that with respect to the rest of the page?

Any help would be appreciated.


Didn't the answers you got yesterday in c.i.w.a.html work
for you?

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos v„o. O resto ť imperfeito.
- Renato Russo -

Jul 20 '05 #2
Els
Bryan R. Meyer wrote:
Hello Everyone,

I am in the process of redesigning my web page and I ran into a
problem while using CSS. I have laid out my web page with auto
margins so that the content is centered. I assume that this will
enable the content to be centered in any resolution which the viewer
may be using. I then tried to position some navigation images on my
web page (using absolute positioning). When the browser is resized,
the images stay in the same place (as they should by the
implementation of absolute positioning).

My question is how do I position the images such that if the browser
window is resized then the images will change position so that they
appear where they should. My test page is at:
http://www.bryanrmeyer.net/newpage. If you notice where my navigation
images are (Archives, Projects, etc) then try to resize the browser,
you will see the effect. The header graphic is adjusted but the
images do not move.

Would I be better off using percentage units rather than pixels to
position the elements? Or do I put all of the images in one DIV class
and then position that with respect to the rest of the page?

Any help would be appreciated.


Didn't the answers you got yesterday in c.i.w.a.html work
for you?

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos v„o. O resto ť imperfeito.
- Renato Russo -

Jul 20 '05 #3
DU
Bryan R. Meyer wrote:
Hello Everyone,

I am in the process of redesigning my web page and I ran into a
problem while using CSS. I have laid out my web page with auto
margins so that the content is centered. I assume that this will
enable the content to be centered in any resolution which the viewer
may be using. I then tried to position some navigation images on my
web page (using absolute positioning). When the browser is resized,
the images stay in the same place (as they should by the
implementation of absolute positioning).

My question is how do I position the images such that if the browser
window is resized then the images will change position so that they
appear where they should. My test page is at:
http://www.bryanrmeyer.net/newpage. If you notice where my navigation
images are (Archives, Projects, etc) then try to resize the browser,
you will see the effect. The header graphic is adjusted but the
images do not move.

Would I be better off using percentage units rather than pixels to
position the elements? Or do I put all of the images in one DIV class
and then position that with respect to the rest of the page?

Any help would be appreciated.

Thanks,
Bryan


You should first get this into your mind: multi-posting defeats the
purpose of answering a post. Fragmenting a discussion is best way to get
people upset.

DU
Jul 20 '05 #4
DU
Bryan R. Meyer wrote:
Hello Everyone,

I am in the process of redesigning my web page and I ran into a
problem while using CSS. I have laid out my web page with auto
margins so that the content is centered. I assume that this will
enable the content to be centered in any resolution which the viewer
may be using. I then tried to position some navigation images on my
web page (using absolute positioning). When the browser is resized,
the images stay in the same place (as they should by the
implementation of absolute positioning).

My question is how do I position the images such that if the browser
window is resized then the images will change position so that they
appear where they should. My test page is at:
http://www.bryanrmeyer.net/newpage. If you notice where my navigation
images are (Archives, Projects, etc) then try to resize the browser,
you will see the effect. The header graphic is adjusted but the
images do not move.

Would I be better off using percentage units rather than pixels to
position the elements? Or do I put all of the images in one DIV class
and then position that with respect to the rest of the page?

Any help would be appreciated.

Thanks,
Bryan


You should first get this into your mind: multi-posting defeats the
purpose of answering a post. Fragmenting a discussion is best way to get
people upset.

DU
Jul 20 '05 #5
DU wrote:
Bryan R. Meyer wrote:
Hello Everyone,

I am in the process of redesigning my web page and I ran into a
problem while using CSS. I have laid out my web page with auto
margins so that the content is centered. I assume that this will
enable the content to be centered in any resolution which the viewer
may be using. I then tried to position some navigation images on my
web page (using absolute positioning). When the browser is resized,
the images stay in the same place (as they should by the
implementation of absolute positioning).

My question is how do I position the images such that if the browser
window is resized then the images will change position so that they
appear where they should. My test page is at:
http://www.bryanrmeyer.net/newpage. If you notice where my navigation
images are (Archives, Projects, etc) then try to resize the browser,
you will see the effect. The header graphic is adjusted but the
images do not move.

Would I be better off using percentage units rather than pixels to
position the elements? Or do I put all of the images in one DIV class
and then position that with respect to the rest of the page?

Any help would be appreciated.

Thanks,
Bryan

You should first get this into your mind: multi-posting defeats the
purpose of answering a post. Fragmenting a discussion is best way to get
people upset.

DU


I don't read the other group, so wouldn't have seen the answers, and wouldn't
have learnt from them. I'm glad the question was posted here, and it seems most
relevant in this group, not a generic html group.

--
Ben Thomas

Apparently less than 10% of accidents are caused by drivers exceeding the speed
limit.
Jul 20 '05 #6
DU wrote:
Bryan R. Meyer wrote:
Hello Everyone,

I am in the process of redesigning my web page and I ran into a
problem while using CSS. I have laid out my web page with auto
margins so that the content is centered. I assume that this will
enable the content to be centered in any resolution which the viewer
may be using. I then tried to position some navigation images on my
web page (using absolute positioning). When the browser is resized,
the images stay in the same place (as they should by the
implementation of absolute positioning).

My question is how do I position the images such that if the browser
window is resized then the images will change position so that they
appear where they should. My test page is at:
http://www.bryanrmeyer.net/newpage. If you notice where my navigation
images are (Archives, Projects, etc) then try to resize the browser,
you will see the effect. The header graphic is adjusted but the
images do not move.

Would I be better off using percentage units rather than pixels to
position the elements? Or do I put all of the images in one DIV class
and then position that with respect to the rest of the page?

Any help would be appreciated.

Thanks,
Bryan

You should first get this into your mind: multi-posting defeats the
purpose of answering a post. Fragmenting a discussion is best way to get
people upset.

DU


I don't read the other group, so wouldn't have seen the answers, and wouldn't
have learnt from them. I'm glad the question was posted here, and it seems most
relevant in this group, not a generic html group.

--
Ben Thomas

Apparently less than 10% of accidents are caused by drivers exceeding the speed
limit.
Jul 20 '05 #7
Els
BenOne© wrote:
DU wrote:
You should first get this into your mind: multi-posting defeats the
purpose of answering a post. Fragmenting a discussion is best way to
get people upset.


I don't read the other group, so wouldn't have seen the answers, and
wouldn't have learnt from them. I'm glad the question was posted here,
and it seems most relevant in this group, not a generic html group.


That's why the op could have crossposted. Multiposting
breaks up the discussion, and you would read only half of
it. Crossposting lets you benefit from the discussion that's
completely readable in two (or more) newsgroups.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos v„o. O resto ť imperfeito.
- Renato Russo -

Jul 20 '05 #8
Els
BenOne© wrote:
DU wrote:
You should first get this into your mind: multi-posting defeats the
purpose of answering a post. Fragmenting a discussion is best way to
get people upset.


I don't read the other group, so wouldn't have seen the answers, and
wouldn't have learnt from them. I'm glad the question was posted here,
and it seems most relevant in this group, not a generic html group.


That's why the op could have crossposted. Multiposting
breaks up the discussion, and you would read only half of
it. Crossposting lets you benefit from the discussion that's
completely readable in two (or more) newsgroups.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos v„o. O resto ť imperfeito.
- Renato Russo -

Jul 20 '05 #9

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

12 posts views Thread by Tom Szabo | last post: by
4 posts views Thread by Ken Kast | last post: by
1 post views Thread by Fred Nelson | last post: by
4 posts views Thread by Alan Silver | last post: by
1 post views Thread by alice | last post: by
18 posts views Thread by LayneMitch | last post: by
reply views Thread by NPC403 | last post: by
reply views Thread by kermitthefrogpy | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.