All Columns Are Born Equal Saturday 2006-03-25
Three column layouts are popular for web sites and blogs. At least among those among us, who want to present lots of widgets and ads along with our main content. A problem we encounter is how to make all columns stay equally tall in all browsers.
There are a few methods to make it work, using CSS and sometimes JavaScript. Here is a good solution, although somewhat complex, using negative margins to make the columns equal in height.
Here is a funny animated JavaScript solution for making 2, 3 or 4 columns equal: I’m not keen on using JavaScript, if I can avoid it, but the effect can be brought to good use in other DHTML situations.
If you want to really dig in to the multicolumn domain, the css-discuss Wiki lists an impressive collection of articles on ThreeColumnLayout
If you are lazy and want the basic layout automagically made, you can visit the ClevaTreva Piefecta Pagemaker.
Or maybe better, the CSS Creator’s CSS Creator
As an extra bonus for reading this I’ll give you marvels at CSS edge, like CSS menus and wrapping text around curved images.
Waddayaknow?
- Posted in : WordPress
- Author : Petit
All Posts
del.icio.us
PetitOn Tellus
Comments»
no comments yet - be the first?