PC Review


Reply
Thread Tools Rate Thread

css scroll ok in IE not in Mozilla

 
 
Larry
Guest
Posts: n/a
 
      27th Jun 2005
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....a001Que_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!
-----------------
A Belt and Suspenders are the best security invented!
 
Reply With Quote
 
 
 
 
JoeM
Guest
Posts: n/a
 
      27th Jun 2005
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.

"Larry" <(E-Mail Removed)> wrote in message
news:upi%(E-Mail Removed)...
> 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....a001Que_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!
> -----------------
> A Belt and Suspenders are the best security invented!



 
Reply With Quote
 
Larry
Guest
Posts: n/a
 
      28th Jun 2005
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?

JoeM wrote:

>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.
>
>"Larry" <(E-Mail Removed)> wrote in message
>news:upi%(E-Mail Removed)...
>
>
>>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....a001Que_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!
>> -----------------
>> A Belt and Suspenders are the best security invented!
>>
>>

>
>
>
>


--
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!
-----------------
A Belt and Suspenders are the best security invented!
 
Reply With Quote
 
Chris Leeds, MVP-FrontPage
Guest
Posts: n/a
 
      28th Jun 2005
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/
--
"Larry" <(E-Mail Removed)> wrote in message
news:upi#(E-Mail Removed)...
> 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....a001Que_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!
> -----------------
> A Belt and Suspenders are the best security invented!



 
Reply With Quote
 
Cheryl D Wise
Guest
Posts: n/a
 
      29th Jun 2005
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" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
>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?
>
> JoeM wrote:
>
>>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.
>>
>>"Larry" <(E-Mail Removed)> wrote in message
>>news:upi%(E-Mail Removed)...



 
Reply With Quote
 
Larry
Guest
Posts: n/a
 
      30th Jun 2005
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]

Chris Leeds, MVP-FrontPage wrote:

>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/
>--
>"Larry" <(E-Mail Removed)> wrote in message
>news:upi#(E-Mail Removed)...
>
>
>>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....a001Que_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!
>> -----------------
>> A Belt and Suspenders are the best security invented!
>>
>>

>
>
>
>


--
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!
-----------------
A Belt and Suspenders are the best security invented!
 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

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
ASP.NET 2.0 Maintain Scroll Position on PostBack with Mozilla FIREFOX in the works? ed Microsoft ASP .NET 9 23rd Nov 2004 11:41 PM
ASP.NET 2.0 Maintain Scroll Position on PostBack with Mozilla FIREFOX in the works? ed Microsoft VB .NET 7 23rd Nov 2004 11:41 PM
ASP.NET 2.0 Maintain Scroll Position on PostBack with Mozilla FIREFOX in the works? ed Microsoft Dot NET Framework 8 23rd Nov 2004 11:41 PM
Why don't colored scroll bars display correctly in Mozilla? InsertNameHere Freeware 7 23rd Aug 2004 05:25 PM
Wireless optical mouse 2.0 scroll wheel, and Mozilla Tom Windows XP Hardware 3 29th Jan 2004 12:16 AM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 06:08 AM.