Was there any change in the way moz handles z-index and positioning?
ThomasPay.com was looking good in moz1.2, but looking at it in 1.3a, the
#content block, which used to be pushed down by #top's content, is now
(*noticably*) acting like #top's not taking up space -- and because the
#sideContent (the only unfloated block) is 'pulled up' by the margin-top
-140px, a large chunk of the content is above the top of the web page.
Any suggestions? Is there a bug lurking around here? Has a bug recently
been fixed causing the change?
Pseudo-html and -code below. But you can go to thomaspay.com as well.
(thanks in advance)
<body>
<div id="top">
<cfinclude template="topNavigation.cfm">
</div>
<div id="content">
<div id="mainContent">
<cfinclude template="mainContent.cfm">
</div> <!-- end #mainContent -->
<div id="sideContent">
<cfinclude template="sideNavigation.cfm">
</div> <!-- end #SideContent -->
</div> <!-- end #content -->
</body>
</html>
#top {
position: relative;
padding: 1em;
float: left;
z-index: 100;
}
#mainContent {
width: 70%; /* damn ie5.5 */
float: right;
margin-top: 1em;
padding: 0 10% 1em 0;
position: relative;
z-index: 50;
}
#mainContent { /* tantek hack */
voice-family: "\"}\""; /* some browsers have a parsing bug */
/* and will ignore the following rules */
voice-family: inherit;
width: 50%;
}
#sideContent {
padding: 150px 12px 800px 18px;
width: 70%; /* damn ie5.5 */
background-color: #cece9c;
border-right: 1px solid #898968;
margin-top: -140px; /* <--- here's the culprit */
font-size: 11px;
}
