Hello,
This markup shows my problem:
Webkit browsers seem to create an erroneous width on overflow:hidden
elements inside of overflow:hidden elements, when their width is set to 0.
Is there a known workaround?
<html>
<head>
<title>overflow:hidden & width:0</title>
<style type="text/css">
div {
overflow: hidden;
float: left;
height: 50px;
}
div.section {
background-color: green;
}
div.section div.content {
background-color: red;
}
p {
clear: both; // does not matter
}
</style>
</head>
<body>
<p>Webkit browsers seem to create an erroneous width on overflow:hidden divs
inside of overflow:hidden divs, when their width is set to 0. Firefox shows
a more logical behaviour here.</p>
<div class="section">
<div class="content" style="width: 0;">some content that should not
affect this div's width.</div>
</div>
<p>When the inner div has a with >= 1px, behaviour is consistent.</p>
<div class="section">
<div class="content" style="width: 1px;">some content that should not
affect this div's width.</div>
</div>
</body>
</html>
--
Jan
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
