homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Positioning two blocks

 11:15 pm on Feb 22, 2003 (gmt 0)

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
Table 2
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>



 1:40 am on Feb 23, 2003 (gmt 0)

Figured it out, just stuck div tags around the tables & used absolute positioning. Seems to work fine. :)

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved