Edit Question - KnowledgeHub

Title Body

Wherever I go on the internet, I am constantly having it beat into me that I should not use Tables. Sadly, I am one of the few programmers who is stubborn enough to still be using them -- I frankly find the alignment and layout features of CSS inadequately powerful for me to, cold turkey, stop using tables. With my personal programmer idiosyncrasies set aside, I would like to try to attack one of my major discontentments with the CSS system: Let's say I want to have a layout like this: +---+---+ | A | B | +---+---+ | C | D | +---+---+ In the above example, I would like the widths of A and C to be the same, and the widths of B and D to remain the same. I would also like the heights of A and B to remain locked together, and I would like the heights of C and D to stay the same as each other. To clarify, if any element in a column gets wider, I'd like all of the elements in that column to get wider. And if any element in a row gets taller, I, again, want all of the elements in that very same row to get wider as well. What I have just described is the exact functionality of our old friend, the table. In my opinion, tables are very useful for these kinds of layouts! If I were to attempt something similar to that using CSS layouts, I might get something like this: +-------+---+ | A | B | +---*---*---+ | C | D | +---+-------+ Which would very much NOT be the kind of layout I am looking for. ( A and C make jagged columns, as opposed to perfect, smooth columns as I would prefer) To put my problem simply, I could really use a way to, using CSS layouts (and NOT predefined widths or heights) align the position of an edge of one CSS box, to the position of an edge of a different CSS box. If CSS supported that one simple feature, I could instantly l

Tags (comma-separated) Cancel