Hello, i’m opening an html page into a div using the object inside this div. It could be a great alternative to frames but it works fine in firefox but not in IE, here’s my code. Is this impossible to work in IE or someone has an idea … ? here’s the html code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php" />
<link href="sytletest.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner"> </div>
<div id="sidebar-a"><a href="page1.html" target="loadcontent">lien 1</a><br>
<a href="page2.html" target="loadcontent">lien2</a><br>
<a href="page3.html">lien 3</a><br>
</div>
<div id="content"> <object classid="loadcontent" data="page1.html" type="text/html" name="loadcontent" id="loadcontent">
</object></div>
<div id="footer"> </div>
</div>
</body>
</html>
and the css file :
#container {
width: 800px;
\width: 820px;
w\idth: 800px;
border: 1px solid gray;
margin: 0px;
margin-left: 0px;
padding: 0px;
}
#banner {
padding: 0;
margin-bottom: 0;
background-color: rgb(213, 219, 225);
}
#content {
padding: 0;
margin-left: 200px;
background-color: gray;
}
#sidebar-a {
float: left;
width: 200px;
\width: 200px;
w\idth: 200px;
margin: 0;
margin-right: 0;
padding: 0;
background-color: rgb(235, 235, 235);
}
#footer {
clear: both;
padding: 0;
margin-top: 0;
background-color: rgb(213, 219, 225);
}
object {width:603px; height:456px};
HTML {overflow-x:hidden;}