TUTORIAL: CSS Positioning

jhonatkins · 05-22-2012, 10:18 AM

I basically use css and if I get some problem I take help from w3schools.

chrishirst · 05-31-2012, 08:31 PM

I realise this is a very old thread BUT there is an error in it.

Quote:

Relative Position
Element is positioned in the normal html flow of the page and can be adjusted using the "top, right, bottom, and left" values.

relative positioning does not actually work like that.

The box created by the element stays in the same position as it would be when static and occupies the same space in the document flow at that location. It is the content area that simply DISPLAYS in an offset position according to the values.

liverpoolphil · 07-14-2012, 10:26 PM

hi all - new to the forum and going to be spending the next few days browsing its information. In the meantime, perhaps you may be able to help with an issue (or lead to a tutorial to help) I am having with my site. www.top-marks.org.uk, its a basic but functional site and I want to put the facebook "like box" along the right hand side of the page (like the one on www.sillybomb.com). I am also aware of some positioning issues with ff and IE, so again any guidance would be appreciated. In the meantime, great forum, hope to be around a while

chrishirst · 07-15-2012, 10:18 PM

Quote:

hi all - new to the forum

You probably need to know that the best way to get answers to questions is to start your own thread rather than hijacking a thread that is pinned as a reference.

**PixelPusher** · 07-16-2012, 07:57 PM

Quote:

Originally Posted by chrishirst

I realise this is a very old thread BUT there is an error in it.

relative positioning does not actually work like that.

The box created by the element stays in the same position as it would be when static and occupies the same space in the document flow at that location. It is the content area that simply DISPLAYS in an offset position according to the values.

It's not an error, it simply could be explained in more detail, like you have so mentioned. Thanks.

pcridesagain · 07-20-2012, 05:11 AM

Thanks for this little tut. It is a good reminder... I always get Static and Relative mixed up.

kajol420 · 07-28-2012, 05:17 AM

The CSS ranking qualities allow you to position a component. It can also position a component behind another, and specify what should occur when an element's material is too big

jhonatkins · 08-03-2012, 11:10 AM

Definitively helpful for beginners.

chrishirst · 08-03-2012, 02:00 PM

Quote:

Originally Posted by jhonatkins

Definitively helpful for beginners.

Definitively??????????

07-20-2012, 05:11 AM	#46
pcridesagain New Member Join Date: Jul 2012 Posts: 2	Nice reminder, thank! Thanks for this little tut. It is a good reminder... I always get Static and Relative mixed up.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

05-22-2012, 10:18 AM	#41
jhonatkins New Member Join Date: May 2012 Location: Orange County Posts: 7	I basically use css and if I get some problem I take help from w3schools.

07-14-2012, 10:26 PM	#43
liverpoolphil New Member Join Date: Jul 2012 Posts: 10	hi all - new to the forum and going to be spending the next few days browsing its information. In the meantime, perhaps you may be able to help with an issue (or lead to a tutorial to help) I am having with my site. www.top-marks.org.uk, its a basic but functional site and I want to put the facebook "like box" along the right hand side of the page (like the one on www.sillybomb.com). I am also aware of some positioning issues with ff and IE, so again any guidance would be appreciated. In the meantime, great forum, hope to be around a while

07-28-2012, 05:17 AM	#47
kajol420 Banned Join Date: Jul 2012 Posts: 1	The CSS ranking qualities allow you to position a component. It can also position a component behind another, and specify what should occur when an element's material is too big

08-03-2012, 11:10 AM	#48
jhonatkins New Member Join Date: May 2012 Location: Orange County Posts: 7	Definitively helpful for beginners.