On 02/11/11 16:27, Brett Parker wrote:
(unless I've missed something clever in the CSS)
(which I had!)
Erm, that would still be 30% wide of the 90% wide holding div, the columns in that example were set so they don't expand/contract but are a percentage of the whole, so it wouldn't do what you suggest at all.
OK, I just tested it, inserting <img src="http://www.sommitrealweird.co.uk/media/img/background.png"> (seemed like a nice image to play with, hope you don't mind!) into the first "cell" in the first "row", and also into the second "cell" in the second "row". The result was that the image expanded outside the cells. That's probably not what would have been expected, nor what would have happened using tables.
The problem with table layouts in CSS is that either you have to fix something (so it "breaks" when the content doesn't fit), or you don't fix things (in which case they don't line up). There's no way (that I know of) to make element X specifically line up with element Y, whilst letting the renderer decide where X and Y go beyond that.