472,368 Members | 2,541 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,368 software developers and data experts.

CSS problem with FF/Opera - Scrollbar problem with all

In designing a new site for the local bridge club, I've stumbled upon a
problem with my css code. Interesting fact is that I copied the code from
another website an aquaintance did a few years back, and on that page it
displays correctly.

The front page stuff, for some strange reason I can't fathom, doesn't
display in the div-element I have for the contents of the page in Firefox
and Opera; other pages show up inside the correct div. This problem does not
occur with IE or Avant.

However, I have a second problem to do with the scroll bar in said
div-element. The overflow is set to automatic in the css, which means it
shows up when necessary. What it does not is glue to the right edge of the
div; depending on the page viewed it might appear just about anywhere. This
is apparent with all four browsers I've tested with.

I've been stumped with this for a few days now, and can't figure out what is
wrong. If anyone could take a look, I'd appreciate it. :)

The site is at
http://koti.mbnet.fi/b001/uusi/

and the style-sheet is at
http://koti.mbnet.fi/b001/uusi/layout/b001_styles.css
Dec 11 '06 #1
11 4870
Rioshin an'Harthen wrote:
In designing a new site for the local bridge club, I've stumbled upon
a problem with my css code. Interesting fact is that I copied the
code from another website an aquaintance did a few years back, and on
that page it displays correctly.
Does that other site attempt to use scrolling divs? Bad choice, imo.
The front page stuff, for some strange reason I can't fathom, doesn't
display in the div-element I have for the contents of the page in
Firefox and Opera; other pages show up inside the correct div. This
problem does not occur with IE or Avant.

However, I have a second problem to do with the scroll bar in said
div-element. The overflow is set to automatic in the css, which means
it shows up when necessary. What it does not is glue to the right
edge of the div; depending on the page viewed it might appear just
about anywhere. This is apparent with all four browsers I've tested
with.
It looks to me as if you have a rather standard two-column layout.
Rather than penalize the visitors with scrolling sections *within* the
page, I'd recommend not using a scrolling div. There is no reason for
it.
I've been stumped with this for a few days now, and can't figure out
what is wrong. If anyone could take a look, I'd appreciate it. :)

The site is at
http://koti.mbnet.fi/b001/uusi/

and the style-sheet is at
http://koti.mbnet.fi/b001/uusi/layout/b001_styles.css
Have a look at a couple good two-column layouts, and use them.

http://benmeadowcroft.com/webdev/css...ft-column.html
http://bluerobot.com/web/layouts/layout1.html

--
-bts
-Motorcycles defy gravity; cars just suck
Dec 11 '06 #2
On 2006-12-11, Rioshin an'Harthen <rh******@hotmail.comwrote:
In designing a new site for the local bridge club, I've stumbled upon a
problem with my css code. Interesting fact is that I copied the code from
another website an aquaintance did a few years back, and on that page it
displays correctly.

The front page stuff, for some strange reason I can't fathom, doesn't
display in the div-element I have for the contents of the page in Firefox
and Opera; other pages show up inside the correct div. This problem does not
occur with IE or Avant.
I can't understand your description of the problem. I don't have IE or
Avant-- I expect it would be obvious what's wrong if I could look at the
page in one of those, but I can't.

What's the "front page stuff", and which div element is it supposed to
be appearing in?
Dec 11 '06 #3
"Ben C" <sp******@spam.eggswrote:
On 2006-12-11, Rioshin an'Harthen <rh******@hotmail.comwrote:
>In designing a new site for the local bridge club, I've stumbled upon a
problem with my css code. Interesting fact is that I copied the code from
another website an aquaintance did a few years back, and on that page it
displays correctly.

The front page stuff, for some strange reason I can't fathom, doesn't
display in the div-element I have for the contents of the page in Firefox
and Opera; other pages show up inside the correct div. This problem does
not
occur with IE or Avant.

I can't understand your description of the problem. I don't have IE or
Avant-- I expect it would be obvious what's wrong if I could look at the
page in one of those, but I can't.

What's the "front page stuff", and which div element is it supposed to
be appearing in?
Ok, I'll try with some ascii art... better read with a fixed-width font if
possible. I have divs setup as follows:

+------------------------+
| header |
| language |
+-----+------------------+
| nav | page content |
| | |
| | |
+-----+------------------+

With Firefox and Opera, opening the front page of the site moves whatever is
in the "page content" div under all divs; no other page there exhibits that
problem.

If you click on one of the links in the navigation area to the left you
should see the contents correctly; if you then return to the front page and
compare the two the difference should stand out. This is regardless of the
language chosen for the site.
Dec 11 '06 #4
"Beauregard T. Shagnasty" <a.*********@example.invalidwrote:
Rioshin an'Harthen wrote:
>In designing a new site for the local bridge club, I've stumbled upon
a problem with my css code. Interesting fact is that I copied the
code from another website an aquaintance did a few years back, and on
that page it displays correctly.

Does that other site attempt to use scrolling divs? Bad choice, imo.
Maybe in your opinion. Not in mine, or in that of those others involved in
the design of this site. The idea behind using a scrolling div is to keep
the navigation area visible at all times; so far, none of us have found a
solution for this other than said scrolling div that works reliably on any
browser we've encountered. (Too bad none of us have access to Safari to test
with, as well.)
It looks to me as if you have a rather standard two-column layout.
Rather than penalize the visitors with scrolling sections *within* the
page, I'd recommend not using a scrolling div. There is no reason for
it.

Have a look at a couple good two-column layouts, and use them.

http://benmeadowcroft.com/webdev/css...ft-column.html
http://bluerobot.com/web/layouts/layout1.html
<sarcasm>
Forcing the navigation area to scroll away when scrolling down. Bad choice,
imo.
</sarcasm>
Dec 11 '06 #5
Rioshin an'Harthen wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalidwrote:
>Rioshin an'Harthen wrote:
>>In designing a new site for the local bridge club, I've stumbled
upon a problem with my css code. Interesting fact is that I copied
the code from another website an aquaintance did a few years back,
and on that page it displays correctly.

Does that other site attempt to use scrolling divs? Bad choice,
imo.

Maybe in your opinion. Not in mine, or in that of those others
involved in the design of this site. The idea behind using a
scrolling div is to keep the navigation area visible at all times; so
far, none of us have found a solution for this other than said
scrolling div that works reliably on any browser we've encountered.
(Too bad none of us have access to Safari to test with, as well.)
I think you would find the general public is quite comfortable with
"navigation areas" that scroll with the page, and far less comfortable
trying to find a scrollbar in the *middle* of a page, or even
recognizing that one is present.

If you asked this group for a survey ...

However, if this site is *only* for your bridge club members and you
never expect anyone else to visit, feel free to use a non-standard
method of display.
>It looks to me as if you have a rather standard two-column layout.
Rather than penalize the visitors with scrolling sections *within*
the page, I'd recommend not using a scrolling div. There is no
reason for it.

Have a look at a couple good two-column layouts, and use them.

http://benmeadowcroft.com/webdev/css...ft-column.html
http://bluerobot.com/web/layouts/layout1.html

<sarcasm>
Forcing the navigation area to scroll away when scrolling
down. Bad choice, imo.
</sarcasm>
As the nagivation "scrolls away" on nearly every other web page on the
entire World Wide Web, you are in a minority, my friend.

Have fun. :-)

--
-bts
-Motorcycles defy gravity; cars just suck
Dec 11 '06 #6
"Beauregard T. Shagnasty" <a.*********@example.invalidwrote:
>
I think you would find the general public is quite comfortable with
"navigation areas" that scroll with the page, and far less comfortable
trying to find a scrollbar in the *middle* of a page, or even
recognizing that one is present.

If you asked this group for a survey ...

However, if this site is *only* for your bridge club members and you
never expect anyone else to visit, feel free to use a non-standard
method of display.

As the nagivation "scrolls away" on nearly every other web page on the
entire World Wide Web, you are in a minority, my friend.

Have fun. :-)
Well, I guess we have to agree to disagree, then. :)

Opinions do differ; those of us who designed the new site don't like it when
the navigation scrolls away, so it's reflected in the site design. I do know
most don't mind, but as far as I've been able to see, not that many mind
only a part of the display scrolling, either. So we went for this.

However, any hints on how to rectify the rendering problems occuring? I've
used the tricks I know for pre-2 versions of Mozilla and earlier Opera's,
but it seems I'm missing something for the newer releases to get them to
work correctly...
Dec 11 '06 #7
"Rioshin an'Harthen" <rh******@hotmail.comwrote:
>
The site is at
http://koti.mbnet.fi/b001/uusi/

and the style-sheet is at
http://koti.mbnet.fi/b001/uusi/layout/b001_styles.css
Well, replying to my own post now...

However, the address has changed a bit - the site went live, but the same
problems are still evident.

In the new address, just remove the part "uusi/" from the address, ie. the
new addresses are

http://koti.mbnet.fi/b001/

and

http://koti.mbnet.fi/b001/layout/b001_styles.css

respectively.
Dec 11 '06 #8
Rioshin an'Harthen wrote:
However, any hints on how to rectify the rendering problems occuring?
I've used the tricks I know for pre-2 versions of Mozilla and earlier
Opera's, but it seems I'm missing something for the newer releases to
get them to work correctly...
In div.navibar { I changed the width from 200px to:

width: 120px;

...which seems to fit the link text better.

In div.documentarea { I commented out (or removed):
/* float: left; */

...and it seems to do what you want.

You also need to add: background-color: white;
to the div.header, as the blue intrudes around the graphic.

--
-bts
-Motorcycles defy gravity; cars just suck
Dec 11 '06 #9
"Beauregard T. Shagnasty" <a.*********@example.invalidwrote:
Rioshin an'Harthen wrote:
>However, any hints on how to rectify the rendering problems occuring?
I've used the tricks I know for pre-2 versions of Mozilla and earlier
Opera's, but it seems I'm missing something for the newer releases to
get them to work correctly...

In div.navibar { I changed the width from 200px to:

width: 120px;

..which seems to fit the link text better.

In div.documentarea { I commented out (or removed):
/* float: left; */

..and it seems to do what you want.

You also need to add: background-color: white;
to the div.header, as the blue intrudes around the graphic.
Thank you! That did the charm. Works nicely now. :)
Dec 11 '06 #10
Rioshin an'Harthen wrote:
Thank you! That did the charm. Works nicely now. :)
...except for that scrolling div... <lol!>

--
-bts
-Motorcycles defy gravity; cars just suck
Dec 11 '06 #11
"Beauregard T. Shagnasty" <a.*********@example.invalidwrote:
Rioshin an'Harthen wrote:
>Thank you! That did the charm. Works nicely now. :)

..except for that scrolling div... <lol!>
lol :)
Dec 11 '06 #12

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Albert Wagner | last post by:
I have included a file below that tests onKeyPress in Opera 7.11. I am getting peculiar behavior. When the file is first loaded, pressing the keypad + causes the textarea to get physically larger...
4
by: Koyan | last post by:
Hallo everybody, I have in my website administration pages the following script: function openWin(){...
2
by: Anthony Williams | last post by:
Hi, I just updated the Ashwater website at http://www.ashwaterparish.org.uk to use CSS rather than frames/tables for layout. It works fine in NS7.1, Mozilla Firebird 0.6, IE6, Opera 5 and...
7
by: TheMartian | last post by:
Opera is driving me nuts, I am trying to get it to actually render a table the full width of the browser window sounds easy, but no, Opera and only Opera leaves a 16px margin on the right edge ...
34
by: Marian Aldenhövel | last post by:
Hi, I am in the process of embarking on building a large web application. I wanted to seize that opportunity to learn how to use CSS and get rid of my ad-hoc approach to HTML-coding (i.e.: add...
4
by: Andrew Poulos | last post by:
If I use this code to maximise a browser window: window.moveTo(0,0); window.resizeTo(screen.width,screen.height); it works but on Windows the user can have a taskbar visible and the browser...
8
by: Christopher Benson-Manica | last post by:
I have a table in a frame with a scrollbar. I want the table to be 100% of the width of the frame excluding the width of the scrollbar. Opera and Netscape leave space for the scrollbar, but IE6...
25
by: Michael Schuerig | last post by:
I'm trying to do something seemingly very simple, but it's brought me close to crushing my head on the keyboard. All I want is a table where the head row is fixed and the body columns below are...
31
by: Martin Clark | last post by:
Hello, I am daring to stick my head above the parapet and ask as question. I am working on redesigning a website to use CSS rather than tables for layout. I have come across a problem when trying...
0
by: Naresh1 | last post by:
What is WebLogic Admin Training? WebLogic Admin Training is a specialized program designed to equip individuals with the skills and knowledge required to effectively administer and manage Oracle...
0
by: antdb | last post by:
Ⅰ. Advantage of AntDB: hyper-convergence + streaming processing engine In the overall architecture, a new "hyper-convergence" concept was proposed, which integrated multiple engines and...
0
by: Arjunsri | last post by:
I have a Redshift database that I need to use as an import data source. I have configured the DSN connection using the server, port, database, and credentials and received a successful connection...
0
hi
by: WisdomUfot | last post by:
It's an interesting question you've got about how Gmail hides the HTTP referrer when a link in an email is clicked. While I don't have the specific technical details, Gmail likely implements measures...
1
by: Matthew3360 | last post by:
Hi, I have been trying to connect to a local host using php curl. But I am finding it hard to do this. I am doing the curl get request from my web server and have made sure to enable curl. I get a...
0
by: Carina712 | last post by:
Setting background colors for Excel documents can help to improve the visual appeal of the document and make it easier to read and understand. Background colors can be used to highlight important...
0
by: Rahul1995seven | last post by:
Introduction: In the realm of programming languages, Python has emerged as a powerhouse. With its simplicity, versatility, and robustness, Python has gained popularity among beginners and experts...
2
by: Ricardo de Mila | last post by:
Dear people, good afternoon... I have a form in msAccess with lots of controls and a specific routine must be triggered if the mouse_down event happens in any control. Than I need to discover what...
0
by: jack2019x | last post by:
hello, Is there code or static lib for hook swapchain present? I wanna hook dxgi swapchain present for dx11 and dx9.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.