I'm still a table kind of person, and I need some CSS advice on whether I can reverse the positioning of two elements on my page. I'll add that this code isn't my code, and it's ASP generated. Although I wouldn't design the page the way the software authors did, I don't want to rip up their code completely. The fact that it's dynamic isn't particularly significant, other than it may eliminate some browser-based options.
The page has a set of nested tables (yeah, I know I'm in the CSS forum!). The outer table is a typical top header, left navbar, and main content cell. This stuff takes place in the content cell.
To simplify things, imagine that I have two tables, one above the other, both of the same width:
Table 1 contains some important navigation code that needs to be visible ahead of Table 2, but it also includes a weighty pile of links in a massive dropdown box that I'd love to shove below Table 2 in the HTML. This dropdown is dynamically generated, so sticking it in an external js file or something won't work.
Table 2 displays products, and may vary in height (but not width) depending on the number of products that are found.
So, here's the question - can I use CSS positioning to display Table 1 first but push it below Table 2 in the HTML? I.e.,
<Table 2 HTML>
<Table 1 HTML>