From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Relative positioning - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Relative positioning
When people talk about controlling page layout with CSS, often the property that they are actually referencing is the position property. In fact, way back in the day when designers first started crafting layouts without tables, they even referred to the CSS involved as CSS-P, or CSS positioning. Now the positioning property is indeed an important one, and in this chapter, we are going to go over the various properties and values associated with positioning and how we can use those properties to control elements within our layout. Now we are going to start with what is perhaps the most commonly used positioning value, and that's relative positioning. To demonstrate this, I have the relative. htm file open from 04_01 folder. And in fact, if I scroll down you can see, we have a fairly simple page. I've got a little bit of text referencing the positioning property, and then I have these three elements right here that we are going to focus on. There are three div tags, and they have the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
Relative positioning7m 59s
-
(Locked)
Absolute positioning8m 59s
-
(Locked)
Fixed positioning4m 23s
-
(Locked)
Controlling stacking order8m 31s
-
(Locked)
Clipping content8m 21s
-
(Locked)
Controlling content overflow5m 38s
-
(Locked)
Positioning elements: Lab3m 59s
-
(Locked)
Positioning elements: Solution3m 52s
-
(Locked)
-
-
-
-
-