Ziele Untersuchung
mit Columbo Integrität von
Datenbanken Interaktion und
Portierbarkeit Ergonomie der
Schnittstellen

Angebot Produkte Projekt Beratung

Mittel Analytik Modellierung Sprachen Algebra Logik Hardware Denken Kreativität

Zusammenhänge Gesellschaft Wirtschaft Branche Firma


products/Sources/formale Sprachen/C/Firefox/layout/reftests/bugs/ (Browser von der Mozilla Stiftung Version 136.0.1^©) Datei vom 10.2.2025 mit Größe 5 kB

Quelle 1295466-1.xhtml Sprache: unbekannt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
 <head>
 <title>CSS Test: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
 <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"></link>
 <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"></link>
 <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
 <link rel="match" href="box-sizing-replaced-001-ref.xht" />
 <meta content="image" name="flags"></meta>
 <meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding around each." />
 
 <style type="text/css">
 p {
 display: inline-block;
 background-color: white;
 padding: 0px 0px;
 margin: 0px 0px;
 }

 .with-padding {
 padding: 5px 5px;
 box-sizing: border-box;
 }

 #img1 {
 min-width: 70px;
 max-width: 115px;
 min-height: 55px;
 max-height: 130px;
 }

 #img2 {
 max-width: 85px;
 min-height: 70px;
 }

 #img3 {
 max-width: 85px;
 min-height: 85px;
 }

 #img4 {
 min-width: 85px;
 max-height: 110px;
 }

 #img5 {
 min-width: 85px;
 max-height: 85px;
 }

 #img6 {
 min-width: 70px;
 max-height: 85px;
 }

 #img7 {
 min-width: 85px;
 max-height: 85px;
 }

 #img8 {
 max-width: 110px;
 min-height: 85px;
 }

 #img9 {
 max-width: 85px;
 min-height: 85px;
 }

 #img10 {
 min-width: 85px;
 max-width: 160px;
 max-height: 85px;
 }

 #img11 {
 min-width: 35px;
 max-width: 235px;
 max-height: 85px;
 }

 #img12 {
 max-width: 85px;
 min-height: 85px;
 max-height: 160px;
 }

 #img13 {
 max-width: 85px;
 min-height: 35px;
 max-height: 235px;
 }

 #img14 {
 min-width: 60px;
 max-width: 110px;
 min-height: 85px;
 }

 #img15 {
 min-width: 65px;
 max-width: 85px;
 min-height: 85px;
 }

 #img16 {
 min-width: 85px;
 min-height: 60px;
 max-height: 110px;
 }

 #img17 {
 min-width: 85px;
 min-height: 65px;
 max-height: 85px;
 }

 #img18 {
 min-width: 85px;
 max-height: 85px;
 }

 #img19 {
 max-width: 85px;
 min-height: 85px;
 }
 </style>
 </head>
 <script>
 /* This test is a copy of the original w3c-submitted test at
 * w3c-css/submitted/ui3/box-sizing-replaced-001.xht.
 * We need this copy so that we can use non-standard MozReftestInvalidate here
 * without hindering the w3c testsuite.
 * Without MozReftestInvalidate, for img5 the right 1/3rd of the element
 * simply isn't painted.
 * This copy can be removed (along with the fuzzy annotation in the original
 * test) when we've fixed the underlying issue i.e. Bug 1316772.
 */
 window.addEventListener("MozReftestInvalidate", endTest);

 function endTest() {
 document.documentElement.removeAttribute("class");
 }
 </script>
 <body>
 <div>All rectangles should be the same size.</div>
 <img id="img0" class="with-padding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></img>
 <img id="img1" class="with-padding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></img>
 <img id="img2" class="with-padding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></img>
 <img id="img3" class="with-padding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></img>
 <img id="img4" class="with-padding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></img>
 <img id="img5" class="with-padding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></img>
 <img id="img6" class="with-padding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></img>
 <img id="img7" class="with-padding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></img>
 <img id="img8" class="with-padding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></img>
 <img id="img9" class="with-padding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></img>
 <img id="img10" class="with-padding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></img>
 <img id="img11" class="with-padding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></img>
 <img id="img12" class="with-padding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></img>
 <img id="img13" class="with-padding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></img>
 <img id="img14" class="with-padding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></img>
 <img id="img15" class="with-padding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></img>
 <img id="img16" class="with-padding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></img>
 <img id="img17" class="with-padding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></img>
 <img id="img18" class="with-padding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></img>
 <img id="img19" class="with-padding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></img>
 </body>
</html>