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 11  4987 
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
On 2006-12-11, Rioshin an'Harthen <rh******@hotma il.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?
"Ben C" <sp******@spam. eggswrote:
On 2006-12-11, Rioshin an'Harthen <rh******@hotma il.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.
"Beauregard T. Shagnasty" <a.*********@ex ample.invalidwr ote:
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>
Rioshin an'Harthen wrote:
"Beauregard T. Shagnasty" <a.*********@ex ample.invalidwr ote:
>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
"Beauregard T. Shagnasty" <a.*********@ex ample.invalidwr ote:
>
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...
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.documentare a { 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
"Beauregard T. Shagnasty" <a.*********@ex ample.invalidwr ote:
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.documentare a { 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. :) This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics | |
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 on the screen, and
pressing the keypad - causes the textarea to get physically smaller. I
click on the scrollbar then this behaviour stops and subsequent
keystrokes are displayed appropriately. Is this some kind of bug in
Opera 7.11?
...
|
by: Koyan |
last post by:
Hallo everybody,
I have in my website administration pages the following script:
function openWin(){
window.open("/multimedia/display?frmNm=0&obj=imageid&capobj=imgcaption","display","scrollbar=yes,resizeable=yes,menubar=no,width=500,height=500");
When this script is called, a popup window opens. The problem is that it
opens allright (with scrollbars and resizeable) in Opera and Mozzilla, it
is not resizeable and it has no...
|
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 Opera 7 (all on
Windows XP), and looks passable in Lynx, but there are problems with NS6.2 and
NS4.7.
In Netscape 6.2, there are *two* right-hand scroll-bars, and you have to scroll
|
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
I know its a bug in Opera, but does anyone know of anyway round it?
All other current browsers I tested render correctly, and yes that even
includes that nasty IE thing
|
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 tables until either the
result is OK or I decide to start over).
However I do not seem to be able to get it right. Experimentation is
beginning to wear me out...
| | |
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 window goes behind it.
Is there a way to know where the taskbar is?
|
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 does not
when in conforming mode (with a transitional DTD). Is there a way
(besides using browser-specific stylesheets) to get all three browsers
to leave room for the scrollbar?
The markup I have is at http://ataru.gomen.org/test.html. The...
|
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 scrollable (with
the ordinary scrollbars, no less). Whatever I try, the columns in the
head and the body aren't aligned; the widths are computed independently
which gives a completely ragged look.
Michael
--
|
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 to float an
image to the right.
For ease of looking at the problem, I have stripped away other parts of
the page layout, and have just included the "content" section in the
examples below.
The basic design of having a left column and a main...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
| | |
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| | |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |
