зеркало из https://github.com/mozilla/pjs.git
54 строки
1.9 KiB
HTML
54 строки
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%;"> </div>
|
|
<div class="gutter" style=" left: 14.2857%;"> </div>
|
|
<div class="gutter" style=" left: 28.5714%;"> </div>
|
|
<div class="gutter" style=" left: 42.8571%;"> </div>
|
|
<div class="gutter" style=" left: 57.1428%;"> </div>
|
|
<div class="gutter" style=" left: 71.4285%;"> </div>
|
|
<div class="gutter" style=" left: 85.7142%;"> </div>
|
|
</div>
|
|
|
|
<div id="container2">
|
|
<div class="gutter" style="left: 0%;"> </div>
|
|
<div class="gutter" style=" left: 14.2857%;"> </div>
|
|
<div class="gutter" style=" left: 28.5714%;"> </div>
|
|
<div class="gutter" style=" left: 42.8571%;"> </div>
|
|
<div class="gutter" style=" left: 57.1428%;"> </div>
|
|
<div class="gutter" style=" left: 71.4285%;"> </div>
|
|
<div class="gutter" style=" left: 85.7142%;"> </div>
|
|
</div>
|
|
|
|
<div id="container3">
|
|
<div class="gutter" style="left: 0%;"> </div>
|
|
<div class="gutter" style=" left: 14.2857%;"> </div>
|
|
<div class="gutter" style=" left: 28.5714%;"> </div>
|
|
<div class="gutter" style=" left: 42.8571%;"> </div>
|
|
<div class="gutter" style=" left: 57.1428%;"> </div>
|
|
<div class="gutter" style=" left: 71.4285%;"> </div>
|
|
<div class="gutter" style=" left: 85.7142%;"> </div>
|
|
</div>
|
|
</body></html> |