CSS Cookbook, Second Edition > Page Layouts > Building a Two-Column Layout with Fixed-Width Columns

Table of Contents

Download Safari Books Online apps: Apple iOS | Android

Entire Site

Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

This Book

CSS Cookbook, Second Edition

Search

Dedication

Preface

Ch. 1. General

Ch. 2. Web Typography

Ch. 3. Images

Ch. 4. Page Elements

Ch. 5. Lists

Ch. 6. Links and Navigation

Building a One-Column Layout

Building a Two-Column Layout

Building a Two-Column Layout with Fixed-Width Columns

Creating a Flexible Multicolumn Layout with Floats

Creating a Fixed-Width Multicolumn Layout with Floats

Creating a Flexible Multicolumn Layout with Positioning

Creating a Fixed-Width Multicolumn Layout with Positioning

Using Floats to Display Columns in Any Order

Designing an Asymmetric Layout

Ch. 10. Print

Ch. 11. Hacks, Workarounds, and Troubleshooting

Ch. 12. Designing with CSS

Appx. A. Resources

Appx. B. CSS 2.1 Properties and Proprietary Extensions

Appx. C. CSS 2.1 Selectors, Pseudo-Classes, and Pseudo-Elements

Appx. D. Styling of Form Elements

Colophon

Index

9.4. Building a Two-Column Layout with Fixed-Width Columns

9.4.1. Problem

You want to create a two-column layout with fixed-width columns.

9.4.2. Solution

First, mark up the content with div elements by using the id attributes that contain appropriate values representing their placement on the page (see Figure 9-7):

You are currently reading a PREVIEW of this book.

Get instant access to over
$1 million worth of books and videos.

Start a Free Trial