Divs and DHTML menu question.

[RagingPenguin]

On a whim, I wanted to try out a two column layout and make a tableless style. Within only one addition to the header and one to the footer, I already have a problem.

As a test, I reverted and did ONLY the following...

In the header, I wrapped the logo table in <div id="sidebar"> ... </div> and opened <div id="wrapper"> above the $spacer_open var.

In the footer, I closed the wrapper with </div> below the last visual element, including the cron image.

Here are the css definitions for these id's.

#sidebar {
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-size: 11px;
left: 0px;
padding: 10px;
position: absolute;
top: 0px;
width: 230px;
}

#wrapper {
background: transparent url(images/radical-films/misc/balance.png) no-repeat top right;
left: 250px;
padding: 10px 55px 10px 10px;
position: absolute;
top: 0px;
}

Now, the problem...this breaks the DHTML MENUS! They won't pop up. Why?

[vbStartup]

An absolutely positioned element (the popup) is positioned relative to its containing block (one of your absolutely positioned elements). The menus are probably showing up, just off the screen or something.

You'll either need to find a way to make sure the popup menus aren't placed within a positioned element or offset the vbmenu_popup class.

[RagingPenguin]

THanks. I moved the popup html to the footer, below the wrapper close, and it worked. That was the only logical place to put them, since the wrapper starts in the header.