Using Equal Height Columns with Cross-Browser CSS example
HTML:
<div id="container1">
<div id="col1">Column 1<br/>2</div>
<div id="col2">Column 2</div>
<div id="col3">Column 3</div>
</div>
CSS:
#container1 {
float:left;
width:100%;
}
#col1 {
float:left;
width:30%;
background:red;
}
#col2 {
float:left;
width:40%;
background:yellow;
}
#col3 {
float:left;
width:30%;
background:green;
}
There are more complicated demo pages, but I am looking to use the first example for my purposes. Why isn't the example working?
See Question&Answers more detail:os