473,320 Members | 1,600 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

OP7.11 div with vertical scrollbar

On one of my pages
http://home.wanadoo.nl/b.de.zoete/html/tekeningen.html

I have a div containing thumbnails (who ever came up with that word?) to
select a larger view of a picture. The div is defined in the stylesheet
http://home.wanadoo.nl/b.de.zoete/st...ets/styles.css.

The div is shorter than the space taken up by the total amount of
thumbnails, hence there is a vertical scrollbar. No problems so far (atleast
*I* have no objection to this scrollbar ;-) ).
In NS7 and IE6 when you move the scrollbar the rest of the thumbnails is
shown (what is supposed to happen). When in OP7.11 you move the scrollbar
two things happen:
1. if you click beneath the scrollbar it jumps right to the end of the div
instead of stopping at the next six or seven or so thumbnails (and so it
skips a few);
2. no pictures are shown past the last one already visible when the page is
first shown, so after the first few thumbnails all the rest gets lost.

I've tryed a lot of things to correct this, but I cannot seem to get it to
work as I want it to in OP7. What is crashing with what? Any idea's anyone?

Also a friend of mine complained that whenever he tried to get to my page
about my job
html://home.wanadoo.nl/b.de.zoete/html/werk.html

his browser (IE6 on WinXP) crashed. Is this an incident (it works fine on my
machine) or does this happen to anyone else too?

BTW: the site is in Dutch.
--
Groet,
Barbara

http://home.wanadoo.nl/b.de.zoete/index.html
Jul 20 '05 #1
7 9585
Els

"Barbara de Zoete" <b_********@hotmail.com> schreef in bericht
news:bh************@ID-52872.news.uni-berlin.de...

-snip-
Also a friend of mine complained that whenever he tried to get to my page about my job
html://home.wanadoo.nl/b.de.zoete/html/werk.html

his browser (IE6 on WinXP) crashed. Is this an incident (it works fine on my machine) or does this happen to anyone else too?


It doesn't happen with my browser window in normal size, but when I
drag the right side window border to the left, to make the window
smaller, it only goes till a certain width, and then it crashes....
When I make the screen as wide as possible (1280 wide), the grey area
behind 'Pretletters', splits up in two parts, right between 'Pretle'
and 'tters' ;-). and exactly at that division, is where it crashes.
(Not sure if I am really clear in this explanation, hope you
understand it :-))
It doesn't happen on the other pages, and the only difference I can
find, is the size of the letters P r e t l e t t e r s...
They are bigger on the 'werk' page.

'k Hoop dat je er ietsje wijzer van geworden bent... :-)
Ik weet zelf (nog) niets van de z-index, dus ik kan niet zeggen of dat
er iets mee te maken kan hebben in combinatie met de maat van die
letters.

Sincerely,
Els

Jul 20 '05 #2
> Els wrote:
"Barbara de Zoete" wrote:
-snip-
Also a friend of mine complained that whenever he tried to get to my
page about my job
html://home.wanadoo.nl/b.de.zoete/html/werk.html

his browser (IE6 on WinXP) crashed. Is this an incident (it works
fine on my machine) or does this happen to anyone else too?


It doesn't happen with my browser window in normal size, but when I
drag the right side window border to the left, to make the window
smaller, it only goes till a certain width, and then it crashes....


I tried that. That happens here also :-(
When I make the screen as wide as possible (1280 wide), the grey area
behind 'Pretletters', splits up in two parts, right between 'Pretle'
and 'tters' ;-).
That is because I don't know how to make the images behind the 'PretLetters'
shrink or grow with windowsize. So I made three images which overlap (is
that English). I count on many users of larger screens (like yours is
1280x1024) don't actually use full window size to browse the web. If they
do, the gap shows. I might make a fourth image to cover that.
and exactly at that division, is where it crashes.
(Not sure if I am really clear in this explanation, hope you
understand it :-))
Yes, I understand that :-)
It doesn't happen on the other pages, and the only difference I can
find, is the size of the letters P r e t l e t t e r s...
Thanks for noticing that! It is a residu of previous lay-outs. Have taken in
out (locally; didn't upload the edited page yet). Doesn't fix the crashing
at certain widths though. So, someting else is going on.
They are bigger on the 'werk' page.

'k Hoop dat je er ietsje wijzer van geworden bent... :-)
Hola, effe schakelen :-)
Ik weet zelf (nog) niets van de z-index, dus ik kan niet zeggen of dat
er iets mee te maken kan hebben in combinatie met de maat van die
letters.


Zou kunnen. Veel weet ik er ook niet van. Z-index zet laagjes voor en
achterelkaar in de volgorde waarin je dat zelf wil, onafhankelijk van de
volgorde waarin de elementen in je html voorkomen.

Thanks Els,

--
Groet,
Barbara

http://home.wanadoo.nl/b.de.zoete/index.html
Jul 20 '05 #3
Els

"Barbara de Zoete" <b_********@hotmail.com> schreef in bericht
news:bh************@ID-52872.news.uni-berlin.de...
Els wrote:
"Barbara de Zoete" wrote:
-snip-
Also a friend of mine complained that whenever he tried to get to my page about my job
html://home.wanadoo.nl/b.de.zoete/html/werk.html

his browser (IE6 on WinXP) crashed. Is this an incident (it works
fine on my machine) or does this happen to anyone else too?


It doesn't happen with my browser window in normal size, but when I drag the right side window border to the left, to make the window
smaller, it only goes till a certain width, and then it crashes....
I tried that. That happens here also :-(
It doesn't happen on the other pages, and the only difference I
can find, is the size of the letters P r e t l e t t e r s...


Thanks for noticing that! It is a residu of previous lay-outs. Have

taken in out (locally; didn't upload the edited page yet). Doesn't fix the crashing at certain widths though. So, someting else is going on.


And I think I found it:
If you take out the 'position: relative' from the styles for both
..dialoog-vlak and .dialoog-boodschap, it doesn't crash anymore.
In .dialoog-kopje it can stay, which is good, 'cause if you take it
out there, it looks strange in the page.
As to why it's this way ... beats me!

Hope this helps,
sincerely,
Els
Jul 20 '05 #4
>Els wrote:
"Barbara de Zoete" wrote:

Also a friend of mine complained that whenever he tried to get to
my page about my job
html://home.wanadoo.nl/b.de.zoete/html/werk.html

his browser (IE6 on WinXP) crashed. Is this an incident (it works
fine on my machine) or does this happen to anyone else too?


And I think I found it:
If you take out the 'position: relative' from the styles for both
.dialoog-vlak and .dialoog-boodschap, it doesn't crash anymore.
In .dialoog-kopje it can stay, which is good, 'cause if you take it
out there, it looks strange in the page.
As to why it's this way ... beats me!

Hope this helps,


So something way down right in the bottom makes it crash? Never thought
about that! I've tried it and you're right about this. I've corrected it
now.
Thank you very much for your time and the effort you've put into this!
Helped me a lot.

--
Groet,
Barbara

http://home.wanadoo.nl/b.de.zoete/index.html
Jul 20 '05 #5
Els

"Barbara de Zoete" wrote:
Els wrote:
> "Barbara de Zoete" wrote:
>
> html://home.wanadoo.nl/b.de.zoete/html/werk.html
And I think I found it:
If you take out the 'position: relative' from the styles for both
.dialoog-vlak and .dialoog-boodschap, it doesn't crash anymore.
In .dialoog-kopje it can stay, which is good, 'cause if you take it out there, it looks strange in the page.
As to why it's this way ... beats me!

Hope this helps,


So something way down right in the bottom makes it crash? Never

thought about that! I've tried it and you're right about this. I've corrected it now.
Thank you very much for your time and the effort you've put into this! Helped me a lot.


You're welcome :-)

Els
Jul 20 '05 #6
Els

"Barbara de Zoete" <b_********@hotmail.com> schreef in bericht
news:bh************@ID-52872.news.uni-berlin.de...
On one of my pages
http://home.wanadoo.nl/b.de.zoete/html/tekeningen.html

I have a div containing thumbnails (who ever came up with that word?) to select a larger view of a picture. The div is defined in the stylesheet http://home.wanadoo.nl/b.de.zoete/st...ets/styles.css.

The div is shorter than the space taken up by the total
amount of thumbnails, hence there is a vertical scrollbar.
No problems so far (atleast *I* have no objection to
this scrollbar ;-) ).
In NS7 and IE6 when you move the scrollbar the rest
of the thumbnails is shown (what is supposed to happen).
When in OP7.11 you move the scrollbar two things
happen:
1. if you click beneath the scrollbar it jumps right to the
end of the div instead of stopping at the next six or seven
or so thumbnails (and so it skips a few);
Can't figure this one out :-(
Funny thing: if you put the cursor in the middle of the scrollbar, and
keep clicking, after a few times of going to the top and the bottom,
it actually stops in the middle.
Have no idea whatsoever why, though. A bug? Inconsistent at least,
imo.
2. no pictures are shown past the last one already visible when the page is first shown, so after the first few thumbnails all the rest gets

lost.

and as soon as the thumbs are moved a pixel or more upwards, the links
on the visible ones don't work anymore.
I still don't know exactly what the z-index is for, but if you take
out z-index: 50 from the style for .thumb, all the thumbs are there,
with working links.
But, as I don't know what it was there for in the first place, maybe
this will result in another problem.....

Sincerely,
Els

Jul 20 '05 #7
> Els wrote:
"Barbara de Zoete" wrote On one of my pages
http://home.wanadoo.nl/b.de.zoete/html/tekeningen.html

I have a div containing thumbnails (who ever came up with that
word?) to select a larger view of a picture. The div is defined in
the stylesheet
http://home.wanadoo.nl/b.de.zoete/st...ets/styles.css

The div is shorter than the space taken up by the total
amount of thumbnails, hence there is a vertical scrollbar.
No problems so far (atleast *I* have no objection to
this scrollbar ;-) ).
In NS7 and IE6 when you move the scrollbar the rest
of the thumbnails is shown (what is supposed to happen).
When in OP7.11 you move the scrollbar two things
happen:
1. if you click beneath the scrollbar it jumps right to the
end of the div instead of stopping at the next six or seven
or so thumbnails (and so it skips a few);
Can't figure this one out :-(
Funny thing: if you put the cursor in the middle of the scrollbar, and
keep clicking, after a few times of going to the top and the bottom,
it actually stops in the middle.


Nice trick LOL ! Tried that myself. Liked the (unwanted) /special effects/.
Have no idea whatsoever why, though. A bug? Inconsistent at least,
imo.
2. no pictures are shown past the last one already visible when the
page is first shown, so after the first few thumbnails all the rest
gets lost.
and as soon as the thumbs are moved a pixel or more upwards, the links
on the visible ones don't work anymore.
I still don't know exactly what the z-index is for,


From W3C CSS2 spec:
<quote>
For a positioned box, the 'z-index' property specifies:

1.. The stack level of the box in the current stacking context.
2.. Whether the box establishes a local stacking context.
</quote>

I've been struggling with this page for a long time before it more or less
rendered the way I wanted it to. One of the problems was that divs moved
over each other in a wrong order.
but if you take
out z-index: 50 from the style for .thumb, all the thumbs are there,
with working links.
I did that now and it did solve the problem. Thanks.
But, as I don't know what it was there for in the first place, maybe
this will result in another problem.....


I was afraid maybe now NS7 would give a problem but it is fine.

Thanks again for your time and for this solution.

--

Groet,
Barbara

http://home.wanadoo.nl/b.de.zoete/html/vliegen.html *Zweefvliegen*?
http://home.wanadoo.nl/b.de.zoete/html/weblog.html *Dagboek*
Jul 20 '05 #8

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

Similar topics

2
by: Don Schneider | last post by:
I tried to setup a frameset which consists of 4 different subframes. Each of these subframes should fetch a different web page from the internet and display it completely (!). BUT: the vertical...
4
by: Rob T. | last post by:
I am using a div tag to make an element that contains some text. I have specified overflow: auto; in my stylesheet. If I use font-size/line-height to specify the font information I get a vertical...
3
by: buht | last post by:
Hello Everyone, Fairly new to c# here and have a question regarding scrollbars, particularly a vertical scrollbar. It looks like my options are restricted for the textbox scrollbars being...
0
by: Gene Hubert | last post by:
I've got two treeviews side by side on a panel on a form. They each have about 20 nodes in them. The treeview on the right has a vertical scrollbar. The treeview on the left needs a vertical...
4
by: ShaneO | last post by:
In a Windows Form I have a RichTextBox with Multiline = True and ScrollBars = Vertical. As expected, when Text is loaded into the RTB the Vertical ScrollBar will appear if needed. Does anyone...
0
by: jazeelkm | last post by:
hi, i am a beginer in the world of C# 1. I want to hide the vertical scrollbar of a listbox . In properties i can hide the horizontal scrollbar , but there s no option for vertical scroll...
1
by: platoon1sc | last post by:
Hi guys.I have a problem with Internet Explorer in my web-application. I have a vertical scrollbar into my jsps but firefox show the vertical srollbar, but IE doesn't. IE show a blank space where...
1
by: bai | last post by:
In my page, I have both horizontal and vertical scroll bars. I want to to some action on Vertical scrollbar click/move and some other action on horizontal scrollbar move/click. How to know whether...
1
by: Tom | last post by:
First, I posted a similar request for help in another group and now don't find the posting. Problem with my newsreader perhaps ... but apologies if this appears as a cross posting. My code is...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

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.