xhtml 1.1 comparison how firefox and IE draw a CSS border

Post Reply
tong
Site Admin
Posts: 2387
Joined: Fri 01 May 2009 8:55 pm

xhtml 1.1 comparison how firefox and IE draw a CSS border

Post by tong »

border1.jpg comparison-border2.jpg

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.test {width: 100px; height: 100px; border: 20px solid; background: red;}
</style>
</head>
<body>
<center>

table<br/>
<table class="test"><tr><td></td></tr></table>
<br>
div<br/>
<div class="test"></div>
<br>
object<br/>
<object class="test" type="application/x-shockwave-flash"><param name="wmode" value="transparent"/></object><br/><br/>
img<br/>
<img class="test" src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/55/Auto_Racing_Red.svg/800px-Auto_Racing_Red.svg.png"/><br/>
</center>
</body>
</html>
tong
Site Admin
Posts: 2387
Joined: Fri 01 May 2009 8:55 pm

Re: xhtml 1.1 comparison how firefox and IE draw a CSS border

Post by tong »

Tip: Use <object> within <div>...</div>
Post Reply