Posted by Neredbojias on 12/06/06 04:12

To further the education of mankind, "HDI" <hdinf@hotmail.com>
vouchsafed:

>
> Neredbojias schreef:
>
>> To further the education of mankind, "HDI" <hdinf@hotmail.com>
>> 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.

[Back to original message]