I received Studio8 3 days ago... and I have a litlle issue with this new version of dreamweaver...
I don't see in dreamweaver what is below the main table in a scroller geni layer

Any help ? Thanks in advance

You can see the page here : www.bob-fr.com/astroflame_ppi.htm
<img src="www.bob-fr.com/images/issue_scroller_genie_051006.jpg" border=0>

Hi Pascal,

DW is not really doing anything wrong: it is interpreting the CSS style 'overflow: hidden;' for the scroller the way a browser would do it.
I don't know how to change that, sorry.



--
Marja Ribbers-de Vroed
www.webwaresystems.nl
www.clubwebware.nl
www.prikhetop.nl
www.flevooware.nl/dreamweaver/

Maybe when I want to edit the elements of the layer I should change the CSS style 'overflow: hidden;' to something else ... do the edition ... and then back to CSS style 'overflow: hidden;'

By the Way; thanks for your quick answer (as usual should I observe)

hello pascal !

could you solve the problem with changing the overflow ?
as i changed the oveflow from hidden to visible, i can´t see the content.

thx, frank

Frank and Pascal,

I think I've found the solution to this DW8 issue:

If you remove the 'clipping rectangle' definition from the CSS specification of the scroller container DIV (the one with id="dmx1Container", then the scroller content becomes visible and editable in DW8 as well.
So something like:
<pre id=code><font face=courier size=2 id=code>#dmx1Container {position:absolute; left:7px; top:7px; width:220px; height:120px; visibility:visible; clip:rect(0px 220px 120px 0px); overflow:hidden; }
</font id=code></pre id=code>
becomes:
<pre id=code><font face=courier size=2 id=code>#dmx1Container {position:absolute; left:7px; top:7px; width:220px; height:120px; visibility:visible; overflow:hidden; }
</font id=code></pre id=code>

The scroller still seems to work in browsers after this change. You may have to check that yourself though in as many browsers as you can.

Hope this helps!

--
Marja de Vroed
www.clubwebware.nl
www.prikhetop.nl
www.flevooware.nl/dreamweaver/

hi marja !

thanks for your answer. but it doesn´t work as i tried it. i removed the clip part from the #dmx1Container
but i didn´t change anything. then i changed the overflow to visible in that tag but no change.
only as i changed the #dmx1scroller tag overflow to visible i could see the overflow. but you can see
it in the browser to ...

#dmx1Scroller {position:absolute; top:100px; left:100px; width:300px; height: 300px; z-index:100; visibility:visible; overflow:visible; }
...
#dmx1Container {position:absolute; left:7px; top:7px; width:286px; height:286px; visibility:visible; overflow:visible; }

frank

Strange! It worked for me.

Here's the CSS of my test scroller:
<pre id=code><font face=courier size=2 id=code>
&lt;style type="text/css"&gt;
&lt;!--
#dmx1IFrame {position:absolute; top:-10px; left:-10px;}
#dmx1Scroller {position:absolute; top:100px; left:100px; width:234px; height: 163px; z-index:100; visibility:visible; overflow:visible; }
#dmx1OuterBorder {position:absolute; top:0px; left:0px; width:234px; height:163px; background-color:#717171; layer-background-color:#717171; border:1px none #000000; }
#dmx1OuterBackground {position:absolute; top:1px; left:1px; width:232px; height:161px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; }
#dmx1Back {position:absolute; left:5px; top:133px; width:25px;}
#dmx1Slider {position:absolute; left:30px; top:133px; width:174px;}
#bg1Slider {background-image:url(images/0011hscroller.gif); background-repeat:repeat-x; }
#dmx1Thumb {position:absolute; left:30px; top:133px; width:39px;}
#dmx1Forth {position:absolute; left:204px; top:133px; width:25px;}
#dmx1InnerBackground {position:absolute; left:5px; top:5px; width:224px; height:124px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; }
/*
#dmx1Container {position:absolute; left:7px; top:7px; width:220px; height:120px; visibility:visible; clip:rect(0px 220px 120px 0px); overflow:hidden; }
*/
#dmx1Container {position:absolute; left:7px; top:7px; width:220px; height:120px; visibility:visible; overflow:hidden; }
.dmx1Content {position:absolute; left:220px; top:0px; width:2000px; }
.dmx1Content td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#717171; }
#dmx1Content1 {position:absolute; left:0px; top:0px; }
--&gt;
&lt;/style&gt;
</font id=code></pre id=code>
Maybe you can compare and see what's different in yours.

--
Marja de Vroed
www.clubwebware.nl
www.prikhetop.nl
www.flevooware.nl/dreamweaver/

the only difference is in this line:

#dmx1Scroller {position:absolute; top:100px; left:100px; width:234px;
height: 163px; z-index:100; visibility:visible; <b>overflow:visible</b>; }

but when i change it, i cna´t see the overflow area.
you can see my html file there: www.4ox.de/download/text.html

frank

Okay, additionally try the following:
<ul>
<li>go into Design View for your page</li>
<li>put your cursor somewhere in the visible scroller content</li>
<li>in the statusbar below the Design View window, select the DIV element with id="dmx1Container"</li>
<li>right-click on the 'manipulation box' of the selected DIV (the small box that appears at the top left corner of the blue selection border in the design window). This will bring up a context menu.</li>
<li>in that context menu select 'Element View -&gt; Full'</li>
</ul>
Let me know if that helps.

--
Marja de Vroed
www.clubwebware.nl
www.prikhetop.nl
www.flevooware.nl/dreamweaver/

it works !!

but i have to do the changes you wrote as well.

thanks ! frank

<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
it works !!

but i have to do the changes you wrote as well.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
I'm glad we found a solution! <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

So the full solution now is:
<ul>
<li>remove the clipping specification from the CSS definition of the scroller container DIV, and</li>
<li>in Design View, bring up the context menu for the container DIV and select 'Element View -&gt; Full'</li>
</ul>

This is useful information for other Scroller Genie users as well, as I suspect that many others are or will be struggling with this issue as well.
Thank you for your cooperation and patience!

--
Marja de Vroed
www.clubwebware.nl
www.prikhetop.nl
www.flevooware.nl/dreamweaver/


Edited by - MarjaR on 06 May 2006 18:00:03

<b>thank you for your help !</b>

have a nice day, frank (from germany)

Thanks Marja and Frank for helping in solving this issue