Scrolling div in firefox?

H

HDI

Hi,

How do i get a scrolling div in firefox, works in IE but what should I
do to make it work in firefox?

<table>
<tr>
<td><div style="width=300px; height=100px; overflow=auto;">

<a href="#a">a</a><br>
<a href="#aa">a</a><br>
<a href="#aaa">a</a><br>
<a href="#aaaa">a</a><br>
<a href="#aaaaa">a</a><br>
<a href="#b">a</a><br>
<a href="#c">a</a><br>
<a href="#d">a</a><br>
<a href="#e">a</a><br>
<a href="#f">a</a><br>
<a href="#g">a</a><br>
<a href="#h">a</a><br>
<a href="#i">a</a><br>
<a href="#j">a</a><br>
<a href="#k">a</a><br>
<a href="#l">a</a><br>
<a href="#m">a</a><br>
<a href="#n">a</a><br>
<a href="#o">a</a><br>
<a href="#p">a</a><br>
<a href="#q">a</a><br>
<a href="#r">a</a><br>

</div></td></tr></table>


Thx
 
J

Jonathan N. Little

HDI said:
Hi,

How do i get a scrolling div in firefox, works in IE but what should I
do to make it work in firefox?

<table>
<tr>
<td><div style="width=300px; height=100px; overflow=auto;">
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Try CSS syntax!

style="width: 300px; height: 100px; overflow: auto;"

Also why all the TABLE rubbish? Looks like a links list to me.

<ul style="width: 300px; height: 100px; overflow: auto; list-style: none;">
<li><a href="#a">a</a></li>
<li><a href="#aa">a</a></li>
<li><a href="#aaa">a</a></li>
<li><a href="#aaaa">a</a></li>
<li><a href="#aaaaa">a</a></li>
<li><a href="#b">a</a></li>
<li><a href="#c">a</a></li>
<li><a href="#d">a</a></li>
<li><a href="#e">a</a></li>
<li><a href="#f">a</a></li>
<li><a href="#g">a</a></li>
<li><a href="#h">a</a></li>
<li><a href="#i">a</a></li>
<li><a href="#j">a</a></li>
<li><a href="#k">a</a></li>
<li><a href="#l">a</a></li>
<li><a href="#m">a</a></li>
<li><a href="#n">a</a></li>
<li><a href="#o">a</a></li>
<li><a href="#p">a</a></li>
<li><a href="#q">a</a></li>
<li><a href="#r">a</a></li>
</ul>
 
N

Neredbojias

To further the education of mankind said:
Hi,

How do i get a scrolling div in firefox, works in IE but what should I
do to make it work in firefox?

<table>
<tr>
<td><div style="width=300px; height=100px; overflow=auto;">

This:

<div style="width=300px; height=100px; overflow=auto;">

wrong semantics.

Should be:

<div style="width:300px; height:100px; overflow:auto;">

....and is preferably placed in a head css section or stylesheet.
 
H

HDI

Neredbojias schreef:
This:

<div style="width=300px; height=100px; overflow=auto;">

wrong semantics.

Should be:

<div style="width:300px; height:100px; overflow:auto;">

...and is preferably placed in a head css section or stylesheet.


CSS ok but this is only a test.

What about this:

Start at 200 an use only the rest of the sreen.

<table height="100%" width="100%">
<tr height="150px"><td></td></tr>
<tr height="50px"><td></td></tr>
<tr><td>
<div style="overflow:auto;height:100%;width:100%;">

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
</td></tr>
</table>
 
H

HDI

Neredbojias schreef:
This:

<div style="width=300px; height=100px; overflow=auto;">

wrong semantics.

Should be:

<div style="width:300px; height:100px; overflow:auto;">

...and is preferably placed in a head css section or stylesheet.


CSS ok but this is only a test.

What about this:

Start at 200 an use only the rest of the sreen.

<table height="100%" width="100%">
<tr height="150px"><td></td></tr>
<tr height="50px"><td></td></tr>
<tr><td>
<div style="overflow:auto;height:100%;width:100%;">

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
</td></tr>
</table>
 
J

Jonathan N. Little

HDI said:
Neredbojias schreef:



CSS ok but this is only a test.

What about this:

Start at 200 an use only the rest of the sreen.

<table height="100%" width="100%">
<tr height="150px"><td></td></tr>
<tr height="50px"><td></td></tr>
<tr><td>
<div style="overflow:auto;height:100%;width:100%;">

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
</td></tr>
</table>

Why a table! Don't look like tabular data to me, just a list of what
will be "links?"
 
N

Neredbojias

Neredbojias schreef:



CSS ok but this is only a test.

What about this:

Start at 200 an use only the rest of the sreen.

<table height="100%" width="100%">
<tr height="150px"><td></td></tr>
<tr height="50px"><td></td></tr>
<tr><td>
<div style="overflow:auto;height:100%;width:100%;">

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
</td></tr>
</table>

I see what you're trying to do, but I doubt it'll work. There seems to
be problems in css and/or browsers "interpreting" the height of things,
especially in tables, except under particular circumstances and styling
conditions. Can you use just a div (without table) and set padding-top
to 200px instead?
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,901
Latest member
Noble71S45

Latest Threads

Top