gecko/layout/html/tests/block/bugs/310124.html

54 lines
1.9 KiB
HTML

<html><head>
<title>Testcase bug 310124 - Double border is incorrectly compressed when rendered; regression.</title>
<style>
.gutter {
position: absolute;
border: 3px double black;
width: 10.2857%;
height: 10.2857%;
}
#container1, #container2, #container3 {
width:500px;
height: 190px;
position:relative;
}
#container2 .gutter {
border: 5px double black;
}
#container3 .gutter {
border: 7px double black;
}
</style>
</head><body>
All borders should have the same width. You should not see any single borders, only double borders.
<div id="container1">
<div class="gutter" style="left: 0%;">&nbsp;</div>
<div class="gutter" style=" left: 14.2857%;">&nbsp;</div>
<div class="gutter" style=" left: 28.5714%;">&nbsp;</div>
<div class="gutter" style=" left: 42.8571%;">&nbsp;</div>
<div class="gutter" style=" left: 57.1428%;">&nbsp;</div>
<div class="gutter" style=" left: 71.4285%;">&nbsp;</div>
<div class="gutter" style=" left: 85.7142%;">&nbsp;</div>
</div>
<div id="container2">
<div class="gutter" style="left: 0%;">&nbsp;</div>
<div class="gutter" style=" left: 14.2857%;">&nbsp;</div>
<div class="gutter" style=" left: 28.5714%;">&nbsp;</div>
<div class="gutter" style=" left: 42.8571%;">&nbsp;</div>
<div class="gutter" style=" left: 57.1428%;">&nbsp;</div>
<div class="gutter" style=" left: 71.4285%;">&nbsp;</div>
<div class="gutter" style=" left: 85.7142%;">&nbsp;</div>
</div>
<div id="container3">
<div class="gutter" style="left: 0%;">&nbsp;</div>
<div class="gutter" style=" left: 14.2857%;">&nbsp;</div>
<div class="gutter" style=" left: 28.5714%;">&nbsp;</div>
<div class="gutter" style=" left: 42.8571%;">&nbsp;</div>
<div class="gutter" style=" left: 57.1428%;">&nbsp;</div>
<div class="gutter" style=" left: 71.4285%;">&nbsp;</div>
<div class="gutter" style=" left: 85.7142%;">&nbsp;</div>
</div>
</body></html>