Click here to Skip to main content
Click here to Skip to main content
Search within:



Articles » Web Development » HTML / CSS » CSS » Alternatives
 
Comments & Discussions

Relatively Simple 3 Equal-Height Columns CSS Liquid Layout

By , 23 Oct 2007
 

Alternatives

Members may post updates or alternatives to this current article in order to show different approaches or add new features.

No alternatives have been posted.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

 Elia Sarti
Synved Ltd.
Ireland Ireland
Member




Synved : Logos / Designs / Websites / Development / FREE Quote / www.synved.com

About Article
This article tries to explain a new approach to the annoying issue of obtaining a three (or even more) equal-height columns liquid layout with the usage of CSS and (X)HTML only. My own solution avoids faux-columnS and super-padding tricks (and so problems caused by those methods).
Type Article
Licence CPOL
First Posted 23 Oct 2007
Views 200,959
Bookmarked 99 times

, +
Top News

Math Primers for Programmers

Get the Insider News free each morning.
Modifying Hello World
Understanding the Content Box Model
Rendering Speeds of Web Pages using Tables versus CSS
CSS Basics: The Box Model, Margin, and Padding
Creating Pure CSS Templates
Ten CSS tricks you may not know
Multi column layout control
Semantic HTML5 Page Layout
Responsive Web Design
Interactive water effect
The Freeze Pane DataGrid
SOHA - Service Oriented HTML Application (Concepts and Principles)
I3HTree – Html Tree + Html Grid Web Control
Mantaining multiple CSS based on different color schemes
Document Processing Part II: Request Driven OCR
A JavaScript Weekly Calendar
Fixed Table Header atop scrollable GridView in ASP.NET
Getting SASSy with CSS
Minimalist Meta-Model for CRUD Applications
Using Blend to Design HTML5 Windows 8 Application (Part II): Style, Layout and Grid
Freeze Table Header and Columns
Mobilizing Atari Arcade in HTML5
| | Privacy | Mobile
Web03 | 2.6.130516.1 | Last Updated 23 Oct 2007
Article Copyright 2007 by Elia Sarti
Everything else Copyright © CodeProject, 1999-2013
Terms of Use
Layout: fixed | fluid