HTML and CSS Reference
In-Depth Information
Equal Height Column Layouts With
Borders And Negative Margins In CSS
Thierry Koblentz
“What? Another “Equal Height Columns” article? Enough already!”
If this is
what you think, then think again because this solution is
di
!
erent
. It does not
rely on any of the usual tricks. It does not use images, nor extra markup, nor
CSS3, nor pseudo-classes, nor Javascript, nor absolute positioning. All it
uses is
border
and
negative margin
. Please note that this article will
also demonstrate di
"
erent construct techniques and will brush up on a few
concepts.
1. Centering columns without a wrapper
div
This layout will be built without a wrapper
div
:
