Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Scrolling div in firefox?

Reply
Thread Tools

Scrolling div in firefox?

 
 
HDI
Guest
Posts: n/a
 
      12-04-2006
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

 
Reply With Quote
 
 
 
 
Jonathan N. Little
Guest
Posts: n/a
 
      12-04-2006
HDI wrote:
> 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>

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
 
 
 
Neredbojias
Guest
Posts: n/a
 
      12-04-2006
To further the education of mankind, "HDI" <(E-Mail Removed)> vouchsafed:

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

--
Neredbojias
Infinity has its limits.
 
Reply With Quote
 
HDI
Guest
Posts: n/a
 
      12-05-2006

Neredbojias schreef:

> To further the education of mankind, "HDI" <(E-Mail Removed)> vouchsafed:
>
> > 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.
>
> --
> Neredbojias
> Infinity has its limits.



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>

 
Reply With Quote
 
HDI
Guest
Posts: n/a
 
      12-05-2006

Neredbojias schreef:

> To further the education of mankind, "HDI" <(E-Mail Removed)> vouchsafed:
>
> > 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.
>
> --
> Neredbojias
> Infinity has its limits.



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>

 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      12-05-2006
HDI wrote:
> Neredbojias schreef:
>
>> To further the education of mankind, "HDI" <(E-Mail Removed)> vouchsafed:
>>
>>> 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.
>>
>> --
>> Neredbojias
>> Infinity has its limits.

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

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
Neredbojias
Guest
Posts: n/a
 
      12-06-2006
To further the education of mankind, "HDI" <(E-Mail Removed)>
vouchsafed:

>
> Neredbojias schreef:
>
>> To further the education of mankind, "HDI" <(E-Mail Removed)>
>> vouchsafed:
>>
>> > 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.
>>
>> --
>> Neredbojias
>> Infinity has its limits.

>
>
> 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?

--
Neredbojias
Infinity has its limits.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
<div ... /> and <div ...></div> K Viltersten ASP .Net 4 03-31-2009 07:33 PM
smooth scrolling & auto scrolling sillyputty Firefox 1 08-24-2007 02:10 AM
scrolling within div triggered by jump:restrict to div stan HTML 0 01-18-2007 03:07 AM
NS/FF don't change div offsetWidth when div innerHTML is added toand div becomes wider mscir Javascript 3 06-26-2005 04:04 PM
Q: Div A inside Div B is larger than Div B Dwayne Madsen Javascript 1 06-01-2005 03:02 PM



Advertisments