View Full Version : nested div exceeding the borders of outer div

04-03-2008, 06:57 PM
1) Script Title: Tab Content Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tabcontent.htm

3) Describe problem:
please see url below for explanation:

In firefox....the outer div is not auto-resizing itself to fit the nested div/table...but of course it works in IE. :mad:

Any ideas what could be causing this? :confused:
here are the links to my css (http://www.vivamexclan.com/apctabcontent.css) and js (http://www.vivamexclan.com/apctabcontent.js)

04-03-2008, 08:36 PM
It might have something to do with the z-index of the ".shadetabs li a" being set to 1. My understanding is that z-index default is 0. If the tabs are floating above the table they might not resize to fit.

04-03-2008, 10:56 PM
nope, that didn't have any effect. thanks though.

any other ideas?

04-04-2008, 03:06 AM
Just adjust the width, from 650px to 680px ;)

<div style="border: 1px solid rgb(169, 169, 169); padding: 10px; width: 680px; margin-bottom: 1em;">

You had a lot of Deprecated attributes (http://www.codehelp.co.uk/html/deprecated.html) in your page, like align=center..and some more,

You might find the link i've given you useful :)

See if it aides ;)

04-04-2008, 09:21 PM
i'm aware of that, but the cma I use here at work automatically adds all those deprecated items. that could also be what's causing the nested div to go outside the borders...oh well...i'll find another workaround.