By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,852 Members | 994 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,852 IT Pros & Developers. It's quick & easy.

OP7.11 div with vertical scrollbar

P: n/a
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
Share this Question
Share on Google+
7 Replies


P: n/a
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

P: n/a
> 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

P: n/a
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

P: n/a
>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

P: n/a
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

P: n/a
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

P: n/a
> 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 discussion thread is closed

Replies have been disabled for this discussion.