r2674 jmb - /trunk/netsurftest/absolute-padding.html - netsurf-commits

Thursday, 29 June 2006

Author: jmb
Date: Thu Jun 29 16:56:38 2006
New Revision: 2674

URL: http://svn.semichrome.net?rev=2674&view=rev
Log:
Testcase for padding on block-level containing block for absolutely 
positioned boxes

Added:
    trunk/netsurftest/absolute-padding.html

Added: trunk/netsurftest/absolute-padding.html
URL:
http://svn.semichrome.net/trunk/netsurftest/absolute-padding.html?rev=267...
==============================================================================

--- trunk/netsurftest/absolute-padding.html (added)
+++ trunk/netsurftest/absolute-padding.html Thu Jun 29 16:56:38 2006
@@ -1,0 +1,88 @@
+<html>
+<head>
+<style type="text/css">
+#container { 
+	padding: 50px 50px 50px 50px;
+	position: absolute;
+	border: 1px solid black;
+	top: 0;
+	left: 0;
+	}
+
+#content {
+	width: 100%;
+	height: 100%;
+	background-color: #d345d6;
+}
+
+#tl {
+	position: absolute;
+	top: 0;
+	left: 0;
+	background-color: red;
+	width: 50px;
+}
+
+#tr {
+	position: absolute;
+	top: 0;
+	right: 0;
+	background-color: yellow;
+	width: 50px;
+}
+
+#bl {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background-color: green;
+	width: 50px;
+}
+
+#br {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	background-color: blue;
+	width: 50px;
+}
+
+#c {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	background-color: orange;
+	width: 50px;
+}
+</style></head>
+
+<body>
+
+<div id="container">
+<div id="content">
+	Content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+	content content content content content content content
+</div>
+<div id="tl">tl</div>
+<div id="tr">tr</div>
+<div id="bl">bl</div>
+<div id="br">br</div>
+<div id="c">c</div>
+
+</body></html>



    

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2009

2008

2007

2006

r2674 jmb - /trunk/netsurftest/absolute-padding.html