I need to create tabs which do not scroll with the content.
The content is inside of an iframe tag because it is just one tab in the whole page.
I think I have tried every combination of position, display, and visibility there is. Here's some details:
A tab in the top frame opens my document in the bottom frame.
My document has tabs, created like this:<span id="doctabs" style="position:fixed; display:none; border:none"></span >Javascript code called from onLoad populates this <span> with a table made to look like tabs.
The content below doctabs is encapsulated like this:<div id="contentdiv" style="display:none; border:none">...</div>
<div id="metainformation" style="display:none; border:none">...</div>
etc...
But whenever the content is too long to fit in the browser window, the tabs in doctabs scroll, too. I want them to stay where they are (like the tabs above them).
I have tried positioning doctabs with position values of "absolute", "fixed", "relative", and "static". Values for display don't seem to have any affect. I can't create another iframe within my document.
At at my wit's end (granted, it doesn't take long to get there). How can I make my tabs stay in place, at the top of the iframe?
Thanks,
-JeffTry adding overflow:hidden;No luck with overflow: hidden. Overflow affects how the extra content of the span would be treated if there were some (there isn't). I need to pin the span's contents to the top of the iframe.
Any more suggestions out there? Thanks in advance for them.
-Jeff
The content is inside of an iframe tag because it is just one tab in the whole page.
I think I have tried every combination of position, display, and visibility there is. Here's some details:
A tab in the top frame opens my document in the bottom frame.
My document has tabs, created like this:<span id="doctabs" style="position:fixed; display:none; border:none"></span >Javascript code called from onLoad populates this <span> with a table made to look like tabs.
The content below doctabs is encapsulated like this:<div id="contentdiv" style="display:none; border:none">...</div>
<div id="metainformation" style="display:none; border:none">...</div>
etc...
But whenever the content is too long to fit in the browser window, the tabs in doctabs scroll, too. I want them to stay where they are (like the tabs above them).
I have tried positioning doctabs with position values of "absolute", "fixed", "relative", and "static". Values for display don't seem to have any affect. I can't create another iframe within my document.
At at my wit's end (granted, it doesn't take long to get there). How can I make my tabs stay in place, at the top of the iframe?
Thanks,
-JeffTry adding overflow:hidden;No luck with overflow: hidden. Overflow affects how the extra content of the span would be treated if there were some (there isn't). I need to pin the span's contents to the top of the iframe.
Any more suggestions out there? Thanks in advance for them.
-Jeff