I have 2 pages with the folowing code :
PAGE 1
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>Page1</title></head>
<body leftmargin="0" topmargin="0" bgcolor="black">
<iframe src="page2.html" width="100%"></iframe>
</body>
</html>
PAGE 2
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Page 2</title>
</head>
<body leftmargin="0" topmargin="0">
<table style="color:white" width="100%" cellspacing="0" cellpadding="0" border="1">
<tr><td width="100%">SIZE IS 100%</td></tr>
</table>
</body>
</html>
The problem is that the iframe content width is smaller than 100% of the page
I've attached a photo to see the problem
Smaller square ( page 2 table border) have the width set to 100% and is smaller than the iframe border
I've tested with multiple doctypes but the problem remains
I forgot to say that i have IE 9 but the problem is the same on Mozila
