Forum Moderators: open
All this in NN7, while it functions properly in IE6 (can't recall how it works in earlier IE browsers).
Here's a sample of HTML code (as I'm convinced that is somehow where the problem lies).
<!-- Minutes Archive dates and links -->
<div class="3mid" style="top:1172;">Minutes Archive</div>
<div class="3midIMG" style="top:1167px;"><script JavaScript>displayPNG("PTownMenuBodyDBlue.png");</script></div>
<div id="meetingsinfo" class="mainareas middiv" style="top:1185px;">
<div class="bodytext" align="center">
<br>
Date<br>
Date<br>
Date<br>
Date
</div>
</div>
And next the related CSS. I know the CSS isn't very clean, but that's because I've been killing myself and changing everything I can think of to try to troubleshoot the problem.
.3midIMG {
position: absolute;
left: 217px;
z-index:3;
}
div.3mid{
position:absolute;
z-index:4;
font-family: helvetica, verdana, arial;
font-size:18px;
font-weight:bold;
color: #FFE4B5;
width: 180px;
text-align: center;
left:235px;
top:1172px;
text-align:center;}
After all that, these layers end up at the top-left of the page, as if there weren't any position properties being called at all, text unformatted, etc. *boggle*
Any help would be appreciate :)
~Kynes
When you hit problems like this the first thing you should do is validate your html [validator.w3.org] and your css [jigsaw.w3.org].
Heres a few of your problems..