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.
Design considerations for fixed layouts - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Design considerations for fixed layouts
In this chapter, we're going to focus on building fixed layouts, and we've worked with fixed layouts already, and for the most part we've discussed all the concepts that you need to know in order to create them. So our focus here will be on defining exactly what a fixed layout is, and on the issues that you're going to need to consider when you're thinking about using them. So fixed layouts are layouts that are set to an overall fixed size that doesn't react to changes like browsers being resized or device-orientation changes. In fact, in their pure form, fixed layouts really don't care about things like the width of the browser window, what device they are on, or how the site is being viewed. Most fixed-width layouts start with an overall width value that's applied to the body tag or to a wrapper element that surrounds the site's content. The side is then centered or aligned based on personal preference. Interior spacing is then defined for container elements at values that divide up…
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)
Design considerations for fixed layouts3m 28s
-
(Locked)
Establishing the layout grid7m 57s
-
(Locked)
Defining column spacing9m 30s
-
(Locked)
Applying the grid through CSS8m 56s
-
(Locked)
Creating grid-based assets8m 26s
-
(Locked)
Grid design resources6m 22s
-
(Locked)
Building fixed layouts: Lab4m 7s
-
(Locked)
-
-
-
-