Hi Folks,
on <a href="http://donbrice.com/new/page.php?section=schools">this
page</a> and for all the sections I can't get Safari(2.02) or
Firefox-PC(1.5) or the latest vers. of Opera-Mac to recognise that the
navigation links (menucol) if the div behind it (container-page)
overlaps.
As far as I've tested it renders as desired in IEmac, FfoxMac1.0.6,
NNmac7.2, and IE6-PC.
I'm assuming there is something wacky in my css as it's causing issues
with the more compliant browsers.
If anyone know a way to fix this problem (I've tried z-index) that'd be
great!
Thanks
Michelle
These are my layout divs
#menucol {
list-style-type: none;
width: 150px;
height: 100%;
padding-left: 15px;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 150%;
float: left;
max-height:100%;
z-index: 500;
}
#container-page {
width: 100%;
float: left;
margin-right: -500px;
margin-left: -320px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 36px
z-index: 10;
}
#text-page {
margin-left: 340px;
margin-right: 260px;
}
#squares {
width: 400px;
float: right;
text-align; right;
padding-top: 30px;
padding: 0px;
margin-top: 50px;
}
and this is the layouts structure (it's basically a 3 col. layout)
<body>
<h1>heading</h1>
<div id="menucol">
<div id="menu1><ul>listed items</ul>
</div>
<div id="menu1><ul>listed items</ul>
</div>
</div>
<div id="container-page">
<div id="text-page">
<div class="box" id="dblogoMacIE5">logo for IE mac
</div>
<h2>heading</h2>
Large Image
<p>description </p>
</div>
</div>
<div id="squares">
small photos
</div>
<div class="box" id="dblogonotMacIE5">logo for other browsers</div>
</body>
