|
ChuckWeb -> Layer Positions in IE vs FireFox (9/23/2007 20:53:15)
|
I'm putting together a web site at www.chuckconrad.com
So far, it's looking the way I want it to when viewed in FireFox. But, even in the new versions of IE, the layers of my home page are sliding all the way to the left. I've played around with some of the advice in this forum, but haven't be able to correct it.
Thanks in advance for any help you can give me.
Thanks
Chuck
code is:
<?xml version="1.0"?>
<!--TransferQueueItems-->
<head>
<style type="text/css">
.style1 {
font-size: large;
}
.style2 {
text-align: center;
}
a:link {
color: #0000FF;
text-decoration: none;
}
a:hover {
background-color: #FF0000;
text-decoration: none;
}
a:active {
text-decoration: underline;
}
</style>
</head>
<div style="position: relative; z-index: 2; background-color: #ff9900; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;" id="body">
<div style="position: relative; height: 750px; z-index: 1; background-color: #ff9900; visibility: visible; margin-left: auto; margin-right: auto; width: 700" id="wrapper">
<div style="position: absolute; width: 700px; height: 150px; z-index: 5; left: 0px; top: 580px; background-image: url('Images/footslides.gif')" id="footer">
</div>
<div style="position: relative; width: 700; height: 100px; z-index: 1; background-image: url('Images/bannerHeader.gif')" id="header">
</div>
<div style="position: relative; width: 700; height: 50px; z-index: 2" id="menuMain" class="style2">
<span class="style1"><br>
<a href="index.htm">HOME</a> | <a href="Pages/photo_albums.htm">
PHOTOS</a> | <a href="Pages/links.htm">LINKS</a> | NEWS | FEEDBACK |
PLANS</span><br>
</div>
<div style="position: relative; width: 120px; height: 400px; z-index: 3; float: left" id="leftColumn">
<div style="position: relative; width: 100px; height: 100px; z-index: 1; margin-left: auto; margin-right: auto" id="clock">
<applet code="Dgclock.class" CODEBASE="http://chuckconrad.com/java-sys" width="100" height="30">
<param name="TimeFormat" value="">
<param name="TZ" value="GMT+0930">
<param name="ShowDate" value="yes">
<param name="ShowFrame" value="no">
<param name="fg" value="orange">
<param name="bg" value="black">
</applet><br>
Alice Springs<br>
Time</div>
</div>
<div style="position: relative; width: 550px; height: 400px; z-index: 4; float: right; background-image: url('Images/photoFamily.gif'); background-repeat: no-repeat" id="rightColumn">
</div>
</div>
</div>
|
|
|
|
