By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,766 Members | 1,261 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,766 IT Pros & Developers. It's quick & easy.

CSS Absolute Positioning and Browser Resizing

P: n/a
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
Share this Question
Share on Google+
8 Replies


P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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.