Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
02-04-2005, 04:34 PM #1
- Join Date
- Feb 2005
- Thanked 0 Times in 0 Posts
Issues with tables in absolute divs in IE / Firefox
Produce page content which behaves as if it were 'tabbed' as seen on many websites and programmes.
I have done this many times before, but only with absolute positioning from the document base level. This time, the div containing the information to be tabbed has to appear relative (for re-sizability) and contain the tab divs within it.
The whole thing works fine, except for:
- If I leave the css height off the divs, IE chops the bottom off, and does not allow a scroll.
- If I put a height and auto (or scroll) overflow on the divs they display correctly in IE, but disappear in firefox
- Until a table contained within one of the divs becomes larger than the stated height. At which point that div (not any of the others) disappears from IE as well. (hit the 'dates and prices' tab)
Is this a known bug? If so, what is the work-around?
Have I done something dumb? If so, what?
source files are available for download (they are quite large, and I don't want to trim them in case something in the trim is the problem. Plus they need to be large to demonstrate the length issue correctly). Text within these examples is copyrighted by various people and is used without permission, for illustrative purposes only.
the xhtml page - click through the tabs to see the effect. Add extra rows to the table in the 'dates & prices' tab to see the disappearing problem.
the css stylesheet - the styles for the tabs are in the middle, commented as tour details tabs.
a reduced file (containing the pertinent components) - but there are several page components missing, which are the parts which necessitate a layout-independent solution to this problem.
Interestingly, the display as seen in this xhtml page works as intended, but adding one more row to the table blows it up.
Any questions, ask and I shall answer