Hello everyone, I'm trying to construct a webpage but I'm having a problem with it, or should I say I.E is. Opera and firefox handle it fine and display the page as I intend it to be seen, but internet explorer is determined to say no. If anyone can tell me how to fix this I'd deeply appreciate it.
As explained in the page itself, the two windows are meant to overlap the text and not be objects at the top of the page.
As explained in the page itself, the two windows are meant to overlap the text and not be objects at the top of the page.
Code:
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<style type="text/css">
.struct {
background: #fff;
color: #000;
position: fixed;
left: 100px;
right: 100px;
top: 100px;
visibility: hidden;
margin: 5px;
padding: 10px;
border: 2px solid #000;}
</style>
<script type="text/javascript">
function showObject(id){
var myWindow = document.getElementById(id);
myWindow.style.visibility = "visible";
}
function closeObject(id){
var myWindow = document.getElementById(id);
myWindow.style.visibility = "hidden";
}
function closeO() {
closeObject('Window1');closeObject('Window2');}
</script>
</head>
<body link="#000000" vlink="#000000" alink="#000000">
<div id="Window1" class="struct"><p style="FONT-FAMILY: comic sans ms; FONT-SIZE: 100px" align=center>This is window one</p>
<p style="text-align:center" ><a style="FONT-FAMILY: comic sans ms; " href="javascript:closeObject('Window1');">close</a></p>
</div>
<div id="Window2" class="struct"><p style="FONT-FAMILY: comic sans ms; FONT-SIZE: 100px" align=center>This is window two</p>
<p style="text-align:center" ><a style="FONT-FAMILY: comic sans ms; " href="javascript:closeObject('Window2');">close</a></p>
</div>
<p>
<a onclick="closeO();" href="javascript:showObject('Window1');">Link One</a>
<a onclick="closeO();" href="javascript:showObject('Window2');">Link Two</a>
</p>
<p style="FONT-FAMILY: comic sans ms; FONT-SIZE: 100px" align=center>The windows should overlap this.</p>
</body>
</html>