Want 2 equal-sized side-by-side Boxes
For layout purposes, I would like two containing boxes that are equal Height and Width that are side-by-side. (Think of a 1 row table with 2 columns.)
I would like to avoid using an HTML table, since I don't think it is necessary or appropriate.
My best guess at how to do this would be to...
1.) Create two DIVs
2.) Give each a Width
3.) Float them to the Left
But if that is a start, then I have some other issues I'm not sure how to handle...
* I can't rely on Padding to give them an equal Height because each "box" will have different content
* I've always been confused about using Height because I seem to recall Paul O' and others staying it doesn't work like you'd expect it to and is not even honored by all browsers?!
What are your thoughts on all of this?