PDA

View Full Version : Menu Tab Content Extends Below Table



JMax
11-15-2004, 09:46 PM
I have the Menu Tabs located inside a table. Unfortunately, the tab contents extend below the bottom of the table.

Is there a way to avoid this problem? I've tried setting the cell and table heights to 100%. The only fix I can think of is giving the cell a fixed pixel height, but that causes things to get ugly if one person is using 800x600 resolution and another 1024x...

Here is a page from the site (http://www.fourpeaksplanning.com/evansgraff.htm)

ddadmin
11-16-2004, 03:49 AM
Please edit your post to include a link to the script on DD in question, per the Sticky. This makes it a lot easier for people who want to help to refer to the script.

JMax
11-16-2004, 11:23 AM
This is the script I used (http://www.dynamicdrive.com/dynamicindex1/ddtabmenu2.htm) /

The url for my site is in the above post.

ddadmin
11-16-2004, 10:51 PM
I see the problem, which seems to only appear in Firefox/NS, and not IE. This isn't a scripting issue per say, but rather, how different browsers handle dynamic content when inserted into a certain HTML tag. I see you're using a full table within each DIV to contain your content- that could be the reason why Firefox doesn't pick up on the content's height and allow it to extend the page accordingly. This is just a guess, but you may want to try a scenerio where the content are simply wrapped in their default DIV tags, and see if that solves the problem.

JMax
11-22-2004, 10:16 PM
Found the source of my problem:


#tabcontentcontainer{
/*width of 2nd level content*/
height:40px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}


After eliminating the height, no probs in Firefox.