homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Opera 6 support for overflow: auto
Anyone have a work-around?

 2:10 pm on Apr 29, 2003 (gmt 0)


I have a table, and in one cell I have a div with:

overflow: auto;
height: 200px;

Basically simulating an iframe.

Works fine for IE and NN, Opera 7 is OK. I'm even happy with the graceful way NN4.7 degrades (stretches the table cell bigger so that all the text fits with no scrolling in the div, makes the whole html page longer)

Problem is in Opera 6. The content of the div just spills over, overlaying what is in the table cell below it. I know Opera 6 is only compliant with CSS1, but I was hoping to achieve at least a graceful degradation.

I apologise in advance if this has already been answered. I tried to search, but I couldn't find the answer. (Found some fantastic threads, though. Hit the 'flag' button a few times. e.g:


Thanks in advance



 3:44 pm on Apr 29, 2003 (gmt 0)

A related problem:

In addition to the text spilling over out of the div in Opera 6, I also have a problem in Opera 7:

I have tags such as <a name="foo"> in the text in the div, and tags such as <a href="#foo"> outside the div. In NN and IE it works as I want (basically simulating an iframe): when I press the link <a href="#foo">, the text in the div srolls to the position of the tag <a name="foo">. However, in Opera 7 no scrolling occurs. the scroll bars are there, and can be manually scrolled, but no scrolling happens.

Any help greatly appreciated.



 3:58 pm on Apr 29, 2003 (gmt 0)

In relation to the second problem, try using <span id="foo">FOO</span> and <a href="#foo">Jump to Foo</a>.

I have Opera 6.04, so I can't tell you if it works.


 4:12 pm on Apr 29, 2003 (gmt 0)

Congratulations on 1k posts, Birdman!

"...try using <span id="foo">..."
I'm afraid it doesn't make any difference. I've tried <a name=, <a id=, and <span id=. All give the same symptoms.



 5:00 pm on Apr 29, 2003 (gmt 0)

Thanks ShawnR!

From what I'm reading, it looks like no support for:

overflow: auto; ¦ overflow: scroll;


IE4 MAC ¦ NN4 ¦ Opera5-6

I wonder what you could do with textarea, instead?


 5:24 pm on Apr 29, 2003 (gmt 0)

>>>"... textarea, instead? ..."

Problem is I need to link to parts of the content from the links outside the 'pseudo iframe', and have the 'pseudo iframe' scroll to the relevant spot. I don't think I can put <a name=.. or <span id= tags inside a text area.

You are right, no support for overflow: auto; overflow: scroll; in Opera 6, but I was hoping there might be some way to make it degrade better, so that instead of overflowing past the bottom of the div, it lengthens the div. From reading some of the posts re simulating a framed site, I expected that there may be a solution involving nesting of divs... But my css isn't quite up there.

I think I am going to have to tackle it in the morning, as it is 3:30am where I am...

Thanks for your help

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved