On 12/05/11 11:29, MJ Ray wrote:
Excuse me for walking in part-way through, but have you tried putting the border and background on div#container instead of div#content? You may need to tweak background-position (IIRC) to get it just so.
I'm not sure I understand: the "border" is the line between the two "cells" so is not on any outer edge of div#container, but somewhere within it.
If this were a table-based layout, the left and right "cells" would by-definition be the same height.
On some devices.
On "most" devices?
Don't you love web tech? :-) This is where I earn my money. :-)
Absolutely!
What I find frustrating is that CSS was developed "with the benefit of hindsight" yet doesn't solve many of the layout problems that tables do solve.
Another example: Foo Bar FooFoo BarBar
How do I lay that out so that Bar/BarBar are aligned vertically, for any value of Foo/FooFoo? With a table this is easy. (Putting Foo/FooFoo in one div, floated left, and Bar/BarBar in another div, would work, but only if Foo/FooFoo/Bar/BarBar never individually exceed a single line, unless I don't care that FooFoo/BarBar are also horizontally aligned, which I do....