layout/html/tests/absolute.html
author hg@mozilla.com
Thu, 22 Mar 2007 10:30:00 -0700
changeset 1 9b2a99adc05e53cd4010de512f50118594756650
permissions -rw-r--r--
Free the (distributed) Lizard! Automatic merge from CVS: Module mozilla: tag HG_REPO_INITIAL_IMPORT at 22 Mar 2007 10:30 PDT,

<html> 
<head> 
<style> 
#absolute1 {position:absolute; border:solid 2px red; left:10%; right:10%; height:50px} 
#absolute2 {position:absolute; border:solid 2px blue; left:10%; width:auto; height:50px} 
#absolute3 {position:absolute; border:solid 2px blue; left:10%; width:50%; height:50px} 
#absolute4 {position:absolute; direction:rtl; border:solid 2px blue; right:10%; width:50%; height:50px} 
</style> 
</head> 
<body> 
<h3>Absolute non-replaced, 'ltr', 'left' 10%, 'right' 10%, 'height' 50px</h1> 
<div id=absolute1><table border=1><tr><td>Some text in a div tag</td></tr></table></div> 
<br><br><br><h3>Absolute non-replaced, 'ltr', 'left' 10%, 'width' auto, 'height' 50px</h1> 
<div id=absolute2>Some text in a div tag</div> 
<br><br><br><h3>Absolute non-replaced, 'ltr', 'left' 10%, 'width' 50%, 'height' 50px</h1> 
<div id=absolute3>Some text in a div tag</div> 
<br><br><br><h3>Absolute non-replaced, 'rtl', 'right' 10%, 'width' 50%, 'height' 50px</h1> 
<div id=absolute4>Some text in a div tag</div> 
</body> 
</html>