My OperaThe My Opera forums have been replaced with forums.opera.com. Please head over there to discuss Opera's products and features
See the new ForumsYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
problem with outline and overflow:hidden
I get strange lines in following code:<!DOCTYPE html>
<head>
<title>title</title>
<style>
.boxgrid{
width: 470px;
height: 260px;
outline: 1px solid #111;
overflow: hidden;
position: relative;
}
.boxcaption{
position: absolute;
}
.slideright .boxcaption {
top: 0;
left: 471px;
}
</style>
</head>
<body>
<div>
<div class="boxgrid slideright">
<div class="cover boxcaption">
<h3>Title</h3>
<p><ul>
<li>something</li>
<li>something else</li>
<li>something more</li>
<li>i love opera :*</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Workaround?
Yes, fix the code.
the .boxcaption position puts it Outside the container .boxgrid
Change the left: 471px; to something reasonable like 71px OR left: 10%;, and it looks fine.
Also, FYI, there is a missing closing tag for the paragraph.
Yes, fix the code.
the .boxcaption position puts it Outside the container .boxgrid
Change the left: 471px; to something reasonable like 71px OR left: 10%;, and it looks fine.
Also, FYI, there is a missing closing tag for the paragraph.
Windows XP Home SP3, 1.5GB, AMD Sempron 3400+, Opera 12.16
Oh yes, off course.
I heard this is a "missing specification" from W3C, although from a personal point of view I think Opera should grade up with the "missing standards", like all other browsers have been doing. As far as I know, this issue with masked outlines only happens with Opera.
I also ended up fixing my code, for it has scrolls and other stuff that could not be simply avoided in a static layout.
Thanks for answering, by the way.
I heard this is a "missing specification" from W3C, although from a personal point of view I think Opera should grade up with the "missing standards", like all other browsers have been doing. As far as I know, this issue with masked outlines only happens with Opera.
I also ended up fixing my code, for it has scrolls and other stuff that could not be simply avoided in a static layout.
Thanks for answering, by the way.