Ok I know that these days frames are not ideal to use but I have got to use them in a college project in order to get some points for my overall grade.
I have spaced out my site using div tags and within one of them I have used an iframe - (I know i don't need to use iframes and divs together i just like using divs).
The problem I am having is that when I load the site in IE a border is automatically created around the iframe, I have already set the frameborder attribute to 0 so it should not do this. As soon as I load the page in IE if I refresh it the border goes away. I know i could use javascript to refresh the page after it opens but i would rather not do that if there is a fault in the code that can be fixed.
HTML
CSS
thanks in advance for any advice
I have spaced out my site using div tags and within one of them I have used an iframe - (I know i don't need to use iframes and divs together i just like using divs).
The problem I am having is that when I load the site in IE a border is automatically created around the iframe, I have already set the frameborder attribute to 0 so it should not do this. As soon as I load the page in IE if I refresh it the border goes away. I know i could use javascript to refresh the page after it opens but i would rather not do that if there is a fault in the code that can be fixed.
HTML
Code:
<html>
<head>
<link rel=stylesheet type "text/css" href="dfstyle.css" title="style">
<title>Title</title>
</head>
<body bgcolor=#D6D6D6>
<div id="logo">
</div>
<div id="main">
<iframe src="test.htm" class="frame" name="frame" frameborder="0"></iframe>
</div>
<div id="links">
<a href="home.htm" target="frame">Home</a>
<p><a href="test2.htm" target="frame">Link to test2</a>
<p><a href="test3.htm" target="frame">Link to test3</a>
</div>
<div id="bottom">
test
</div>
</body>
</html>CSS
Code:
*, html, body {
margin: 0;
padding: 0;}
div {background: #ffffff; border: solid #000000 1px;}
#logo {position: absolute; top: 3%; left: 2%; width: 80%; height: 10%;}
#main {position: absolute; top: 15%; left: 2%; width: 80%; height: 80%;}
#links {position: absolute; top: 3%; left: 83%; width: 16%; height: 92%;}
#bottom {background: #D6D6D6; border: solid #000000 0px; position: absolute; top: 96%; left: 2%; width: 97%; height: 3%;}
.frame {width: 100%; height: 100%;}thanks in advance for any advice