Welcome to WebmasterWorld Guest from 54.205.209.95

Forum Moderators: not2easy

Message Too Old, No Replies

Opera 6 support for overflow: auto

Anyone have a work-around?

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

WebmasterWorld Senior Member 10+ Year Member



Hi

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:

[webmasterworld.com...]
[webmasterworld.com...]
)

Thanks in advance
Shawn

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

WebmasterWorld Senior Member 10+ Year Member



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.

Thanks
Shawn

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

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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.

Shawn

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

WebmasterWorld Senior Member 10+ Year Member



Thanks ShawnR!

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

overflow: auto; ¦ overflow: scroll;

in:

IE4 MAC ¦ NN4 ¦ Opera5-6

I wonder what you could do with textarea, instead?

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

WebmasterWorld Senior Member 10+ Year Member



>>>"... 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