On Mon, Apr 9, 2012 at 1:11 PM, Marie-Ange Demeulemeester <marie.demeulemees...@gmail.com> wrote: > Hi, > I need a block with two columns. > > Despite of the quite simple code by using a table, I’ve tried to have the > same result with DIV. > > The requirements are: > > · The columns have an equal height > > · Each column has a different background-color > > · 2 columns: first column always width 100px, second the rest of > the screen (100% minus 100px) > > · The title and rule has to have the whole width of the second > column, and not equal to the width of the text in that column. (Not OK in > FF, in Chrome, ) > > · This must be X-browser: IE6+, FF 3+; Chrome, Safari > > My tryout: > > http://users.telenet.be/MarieAnge/banner1.html > > If somebody can simplify the code, please don’t hesitate. > > > > Thanks. > -- > Marie
Chris Coyier has a good roundup of the most common ways to achieve this: http://css-tricks.com/fluid-width-equal-height-columns/ -- tim.arn...@gmail.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
