css scroll ok in IE not in Mozilla

L

Larry

I'm trying to convert my site to css and have setup a test template, url
below. In IE the center scroll text area works fine and is centered. In
Mozilla the scroll text box is centered left and the scroll only works
if you move the slider bar. I have used the scroll feature separately
from a css stylesheet and found that in Mozilla you had to 'focus' in
the field before the scroll worked. How does one do this using a
full-blown stylesheet? [or is it possible?]

http://www.bed-and-breakfast-travel.com/areas/area001Que_1.html
 
J

JoeM

A few things first "Quebec - Bed and Breakfast Site Review" I would have
made that an iframe. second if possible try making the table center.
 
L

Larry

I have used this script:
<!-- Scrolling cell script -->
<style type="text/css">
#scrollDiv{
height:200px;
overflow:auto;
}
</style>
in a few places and it works fine except in Mozilla you have to select
[click in] the table before it will scroll. With the embedded script
that doesn't work. The table is centered in IE, not in Netscape. There
too I'm not sure why.
Any ideas?
A few things first "Quebec - Bed and Breakfast Site Review" I would have
made that an iframe. second if possible try making the table center.


I'm trying to convert my site to css and have setup a test template, url
below. In IE the center scroll text area works fine and is centered. In
Mozilla the scroll text box is centered left and the scroll only works if
you move the slider bar. I have used the scroll feature separately from a
css stylesheet and found that in Mozilla you had to 'focus' in the field
before the scroll worked. How does one do this using a full-blown
stylesheet? [or is it possible?]

http://www.bed-and-breakfast-travel.com/areas/area001Que_1.html

--
For your security and peace of mind ALL emails are automatically
scanned with the latest Norton AV Virus Definitions.
Not that I have any virus' but why not be careful!
I get virus signature updates regularly!
 
C

Chris Leeds, MVP-FrontPage

you don't really need any script at all. you can just use .css to set the
overflow property to that cell to "auot" but you'll have to give the cell a
fixed height or it'll just "stretch" thereby not needing to scroll.

HTH

--
Chris Leeds,
Microsoft MVP-FrontPage

ContentSeed: great tool for web masters,
a fantastic convenience for site owners.
http://contentseed.com/
 
C

Cheryl D Wise

To center a div in Firefox you need to add:

margin-left: auto;
margin-right: auto;

to your CSS for #scrolDiv

Not that it will necessary work on that page, it has too much inline font
tags, and way too many divs, some of which seem to be absolutely positioned
and that causes problems in Firefox (didn't check in IE)


--
Cheryl D. Wise
MS FrontPage MVP
http://mvp.wiserways.com
http://starttoweb.com
Online instructor led web design training in FrontPage,
Dreamweaver and more!
Next Session June 26th

Larry said:
I have used this script:
<!-- Scrolling cell script -->
<style type="text/css">
#scrollDiv{
height:200px;
overflow:auto;
}
</style>
in a few places and it works fine except in Mozilla you have to select
[click in] the table before it will scroll. With the embedded script that
doesn't work. The table is centered in IE, not in Netscape. There too I'm
not sure why.
Any ideas?
A few things first "Quebec - Bed and Breakfast Site Review" I would have
made that an iframe. second if possible try making the table center.

news:upi%[email protected]...
 
L

Larry

Cheryl thanx for the margin hint. Just added 50px each side and worked ok.
However this does not answer the original question and that is why does
the scrollbox work
in IE and will not in Mozilla [1.6] even if you select the table in
Mozilla? You must use the slidebar to navigate.
[on my system anyway]
you don't really need any script at all. you can just use .css to set the
overflow property to that cell to "auot" but you'll have to give the cell a
fixed height or it'll just "stretch" thereby not needing to scroll.

HTH

--
Chris Leeds,
Microsoft MVP-FrontPage

ContentSeed: great tool for web masters,
a fantastic convenience for site owners.
http://contentseed.com/
--

I'm trying to convert my site to css and have setup a test template, url
below. In IE the center scroll text area works fine and is centered. In
Mozilla the scroll text box is centered left and the scroll only works
if you move the slider bar. I have used the scroll feature separately
from a css stylesheet and found that in Mozilla you had to 'focus' in
the field before the scroll worked. How does one do this using a
full-blown stylesheet? [or is it possible?]

http://www.bed-and-breakfast-travel.com/areas/area001Que_1.html

--
For your security and peace of mind ALL emails are automatically
scanned with the latest Norton AV Virus Definitions.
Not that I have any virus' but why not be careful!
I get virus signature updates regularly!
 

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

Top