Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS - Beyond the Basics CSS Animation Basics Keyframe Rules and Animation Properties

Posted by Coskun Olcucu
Coskun Olcucu
4,562 Points

Position with css?

Hi, Has instructor ever talked about positining with Css?I am confused about the subject?

Can anyone expalain me in details?

3 Answers

Luksy Breezy
Luksy Breezy
268 Points
Luksy Breezy
Luksy Breezy
268 Points

You can learn it, its not that complicated http://learnlayout.com/position.html

Graham Tucker
Graham Tucker
939 Points
Graham Tucker
Graham Tucker
939 Points

Position is actually a bit complicated. You really have to consider the flow of elements in markup. Elements normally (default) appear static. There are 3 other options and they will play with your mind if you don't really read up on them. Relative: Relatively positioned elements will be 'displaced' to what ever amount you set (left: 20px) and the rest of the markup will not be affected by this. Fixed: Fixed will affix (it gets stuck) in a spot and will not scroll with the rest of the page. [side note: try this with background positioning and you will get an awesome effect.] Absolute: This is it. Total control of an element. When you position an element Absolutely you can change the z-index (overlapping) and also you will be able to reposition the element with "left" and "top" CSS selectors.

Hope that helps, but I recommend reading further and experimenting in order to really consume these concepts: http://www.w3schools.com/css/css_positioning.asp

arpadstumpf
arpadstumpf
7,161 Points
arpadstumpf
arpadstumpf
7,161 Points

Check out the http://teamtreehouse.com/library/css-layout-techniques#positioning-schemes course, where Guil talks about the different positioning schemes.