layers clip problems

windows

Guest
Hi.<br />
<br />
This is what i want to do:<br />
I want a to have a cell in the middle of the page <br />
(built as a table) to hold my text, and have the <br />
scroll-bar attached within the cell.<br />
<br />
I chose to do this with a layer within the cell<br />
(it was the only way i knew), which all worked out<br />
fine for start. but then i realized i needed to <br />
clip the layer in order to work with the grafics<br />
around (otherwise the text would run over it as it<br />
was scolled).<br />
So i clipped it, the problem was just that the <br />
scroll-bar got clipped aswell.<br />
I thought maybe I could put onother layer on top<br />
of it, and have that clipped intead and "hiding"<br />
the content outside the clip, but i couldn't make<br />
that work..<br />
<br />
any sugestions??<br />
<br />
/D<!--content-->do you have a url to look at? or the code?<br />
<br />
if you put a layer using a div tag and had that scroll then if you made the layer shorter of course the scrollbar will get shorter. not sure why the text would run over in a layer.<!--content-->it's at<br />
<!-- m --><a class="postlink" href="http://zem.serveftp.net">http://zem.serveftp.net</a><!-- m --><br />
<br />
the problem isn't that the scrollbar gets shorter, it's<br />
that if i clip 10 px from the top of the layer, the top<br />
10 px of the scrollbar (the up arrow) gets clipped away<br />
aswell<br />
<br />
the text doesn't run over the layer, but it runs outside<br />
the 'box' i want it to be in<br />
<br />
/D<!--content-->Really you should abandon your table code entirely and use div's to position your all of you elements.<br />
<br />
Have you tried using "padding" to get the effect you want? I am not clear what it is you are having a problem with so I can;t be more specific, but here is an example for using padding in your div:<br />
<br />
<div id="yttre" style="position:absolute; width:100%; height:100%; z-index:1; visibility: visible; overflow: auto; padding: 10 2 2 2;"><br />
<br />
the numbers correspond like this<br />
<br />
padding: top right bottom left;<br />
<br />
so the examplke padding: 10 2 2 2;<br />
<br />
the top is padded 10 pixels and the rest of the div is padded 2 pixels<!--content-->you will have to make yor layer the same size as your table cell. so instead of width="100%" height="100%" you have to use width="442" height="300" same as your cell.<br />
<br />
but I agree with kevin, if you want the effect that you are after you have to ditch the tables. use div tags to create your tables instead.<br />
<br />
also having the z-index in the div tag just made it above the table as that is why you are seeing the text above the images.<!--content-->
 
Back
Top