ANN: Linking to a non-default Spry tab or panel - tutorial

Murray *ACE* wrote:
> This is just a reflection of IE always having space for a vertical
> scrollbar on a page that doesn't require one, right?

Maybe so, but the way it handles overflow:auto is just plain crazy. I
can see the rationale for putting the vertical scrollbar inside the div,
but putting the horizontal scrollbar inside results in obscuring the
content of a div that contains just a single line; and it always spawns
a vertical scrollbar if a horizontal one is needed.

I suppose the thinking behind it is that scrollbars shouldn't increase
the size of the div. However, my divs don't have an explicit height;
they're intended to expand with the content. Moreover, the use of
overflow:auto suggests to me that it's designed to cope with elements of
unknown height.

The problem lies in the vague wording of the specification.

--
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

This is just a reflection of IE always having space for a vertical scrollbar
on a page that doesn't require one, right?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"David Powers" <david@example.com> wrote in message
news:fomo8t$nuj$1@forums.macromedia.com...
> David Powers wrote:
>> It seems that IE places the scrollbars inside a div when you set overflow
>> to auto. Consequently, it covers the last line of content. Since there's
>> only one line in that div, the horizontal scrollbar masked the text, and
>> left no room for a vertical scrollbar.
>
> For anyone who is interested, when overflow is set to auto, Internet
> Explorer ignores bottom padding and margin, so it always obscures the last
> line of content if a horizontal scrollbar is spawned. However, it
> accommodates the content accurately when overflow is set to scroll.
>
> Since my script blocks only scroll horizontally, I solved the problem by
> setting the main style sheet to use overflow: auto, and an IE conditional
> comment to use overflow: scroll for IE only. As a result, IE always
> displays both horizontal and vertical scrollbars, even if they're not
> needed. Other browsers spawn scrollbars only when needed.
>
> --
> David Powers, Adobe Community Expert
> Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
> Author, "PHP Solutions" (friends of ED)
> http://foundationphp.com/

David Powers wrote:
> It seems that IE places the
> scrollbars inside a div when you set overflow to auto. Consequently, it
> covers the last line of content. Since there's only one line in that
> div, the horizontal scrollbar masked the text, and left no room for a
> vertical scrollbar.

For anyone who is interested, when overflow is set to auto, Internet
Explorer ignores bottom padding and margin, so it always obscures the
last line of content if a horizontal scrollbar is spawned. However, it
accommodates the content accurately when overflow is set to scroll.

Since my script blocks only scroll horizontally, I solved the problem by
setting the main style sheet to use overflow: auto, and an IE
conditional comment to use overflow: scroll for IE only. As a result, IE
always displays both horizontal and vertical scrollbars, even if they're
not needed. Other browsers spawn scrollbars only when needed.

--
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

danilocelic AdobeCommunityExpert wrote:
> Also, step #3 refers to SpryUtils.jp Note the file extension is not .js

Thanks, Danilo. That's what comes of working for so many years with
things Japanese. My typing fingers automatically default to jpn for a
lot of things. :-)

> FWIW: On my Vista system and IE7, I see the text in step 2, not just the
> scrollbar that Ken sees.

Yes, I amended the CSS after Ken alerted me. It seems that IE places the
scrollbars inside a div when you set overflow to auto. Consequently, it
covers the last line of content. Since there's only one line in that
div, the horizontal scrollbar masked the text, and left no room for a
vertical scrollbar. What I have done at the moment is to apply
min-height to the script divs, but I want to get rid of the vertical
scrollbars on the multiline sections of script, so I'll try
experimenting with an IE conditional comment and a bottom margin for the
script.

--
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Ken Ford - *ACE* wrote:
> Hey David,
>
> Nice job.
>
> On the page:
>
> http://foundationphp.com/tutorials/spry_url_utils.php

Also, step #3 refers to SpryUtils.jp Note the file extension is not .js


FWIW: On my Vista system and IE7, I see the text in step 2, not just the scrollbar that Ken sees.

--
Danilo Celic
| Extending Knowledge Daily : http://CommunityMX.com/
| Adobe Community Expert

Ken Ford - *ACE* wrote:
> Nice job.

Thanks, Ken.

> Using IE 7 on Windows Vista the number 2 is just a box with a horizontal
> scroll bar.

Arghh! Thanks for pointing that out. I've added a min-height, which
seems to have fixed it. Goodness knows why the others are spawning a
vertical scrollbar in IE. Firefox is behaving itself.

--
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Hey David,

Nice job.

On the page:

http://foundationphp.com/tutorials/spry_url_utils.php

Using IE 7 on Windows Vista the number 2 is just a box with a horizontal
scroll bar.

http://www.fordwebs.com/examples/images/david.jpg

--
Ken Ford
Adobe Community Expert - Dreamweaver
Fordwebs, LLC
http://www.fordwebs.com


"David Powers" <david@example.com> wrote in message
news:fokoub$krq$1@forums.macromedia.com...
> Spry 1.6 includes a file called SpryURLUtil.js that makes it easy to link
> to a specific tab or panel in a Tabbed Panels or Accordion widget. I've
> created a step-by-step tutorial explaining how to use it. You can find it
> on my site at the following URL:
>
> http://foundationphp.com/tutorials/spry_url_utils.php
>
> --
> David Powers, Adobe Community Expert
> Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
> Author, "PHP Solutions" (friends of ED)
> http://foundationphp.com/