CSS Negative Margins - Part Two: Two Column Liquid Layouts
By: Zoe Gillenwater on Tuesday, March 29, 2005
Reader Level: 
A liquid or fluid layout is one in which at least one of the columns changes in width depending on the viewport size of the user. Because the end user controls the width of the columns, not you, you risk inserting content that is too large to accommodate the user's column width. If a piece of content is too large for its column, it either overflows or, in the case of Internet Explorer and float-based layouts, drops the entire column down the page. Luckily, negative margins provide a way for us to fix this problem and, in the process, make our page more accessible as well! Read on for a two column liquid layout that is resistant to Internet Explorer's float drops and has good source order. It's a great starting point for your own web page layouts.
The CSS Negative Margins Series
CSS Negative Margins - Part One
CSS Negative Margins - Part Two: Two-Column Liquid Layouts
CSS Negative Margins - Part Three: Improving the Two-Column Layout
CSS Negative Margins - Part Four: Three-Column Liquid Layouts
Purchase this item
You can purchase this piece of content separately for
$3.00
Want more?
Community MX members get unlimited access to daily articles,
tutorials, extensions and support. The most comprehensive
resource for Macromedia designers and developers today.
Take a tour of what we offer, and discover the benefits
of subscribing.
Already a member?
Simply log in using the form in the top right area of the site.
