Welcome to WebmasterWorld Guest from 188.8.131.52
Forum Moderators: not2easy
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>