CSS positioning help? - GoFuckYourself.com

timberlands · 05-20-2007, 04:00 AM

Anyone know what the command is to position something on a page using only <div> tag and make it stay in its place when viewed at any resolution?

for example at 1024 rez it moves slightly out of place and overlaps other things but at higher rez its ok.

ssp · 05-20-2007, 04:08 AM

That's because you use an absolute position. Try using:

position: relative;

I advice you to read a free online tutorial on CSS positioning.

timberlands · 05-20-2007, 04:10 AM

ok thanx

jayeff · 05-20-2007, 04:48 AM

Try this: http://www.webreference.com/html/tutorial18/

Absolute positioning can be valuable, but it is very tricky in most situations. For example, if your design is centered, you obviously cannot use absolute positioning in the horizontal, since the design will shift according to resolution (or rather, viewable browser width). The other big snag is that you cannot prevent Firefox (and other) users increasing font sizes, although there are ways to limit the chaos that can cause your layout.

Usually it is best to go with (the default) relative positioning and "graduate" to absolute positioning once you are stronger on CSS and only then, if you must.

potter · 05-20-2007, 05:09 AM

Try using margin to position it.

05-20-2007, 04:00 AM	#1
timberlands Confirmed User Join Date: Sep 2005 Posts: 504	CSS positioning help? Anyone know what the command is to position something on a page using only <div> tag and make it stay in its place when viewed at any resolution? for example at 1024 rez it moves slightly out of place and overlaps other things but at higher rez its ok. <DIV style="position: absolute; top:160px; left:15px; width:400px;">

05-20-2007, 05:09 AM	#5
potter Confirmed User Industry Role: Join Date: Dec 2004 Location: Denver Posts: 6,559	Try using margin to position it. __________________

05-20-2007, 04:08 AM	#2
ssp Confirmed User Join Date: Jan 2005 Location: United Kingdom Posts: 7,990	That's because you use an absolute position. Try using: position: relative; I advice you to read a free online tutorial on CSS positioning.

05-20-2007, 04:10 AM	#3
timberlands Confirmed User Join Date: Sep 2005 Posts: 504	ok thanx

05-20-2007, 04:48 AM	#4
jayeff Confirmed User Join Date: May 2001 Posts: 2,944	Try this: http://www.webreference.com/html/tutorial18/ Absolute positioning can be valuable, but it is very tricky in most situations. For example, if your design is centered, you obviously cannot use absolute positioning in the horizontal, since the design will shift according to resolution (or rather, viewable browser width). The other big snag is that you cannot prevent Firefox (and other) users increasing font sizes, although there are ways to limit the chaos that can cause your layout. Usually it is best to go with (the default) relative positioning and "graduate" to absolute positioning once you are stronger on CSS and only then, if you must.