Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
All <DD>s must be hidden inside <DIV> if they overflow. FF works fine, but IE/Opera cause different problems.
IE: Resizez DIV to the WIDTH od DL (30em)
Opera: Doesn't hide overflow, shows over all content inside DIV, z-index maybe.
What's wrong in this code?
<div style="overflow-x: hidden; overflow-y: auto; height: 4em;">
<dl style="width: 30em;">
<dd>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</dd>
<dd>BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</dd>
<dd>CCCCCCCCCCCCCCCCCCCCCCCCCCCC</dd>
<dd>DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD</dd>
<dd>EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE</dd>
<dd>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</dd>
<dd>GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG</dd>
</dl>
</div> -
It might be because overflow-x and -y are not valid css properties yet. They are css3. So they are probably not fully supported in those browsers yet.
http://www.aptana.com/reference/html/api/CSS.field.overflow-x.html
Have you tried just using overflow:auto ? There are ways around this with javascript, but they aren't fun.
Hope that at least helps some. :D -
- CommentAuthordevang.solanki
- CommentTimeDec 8th 2008
Thankz, its really very useful
1 to 3 of 3