468,136 Members | 1,441 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,136 developers. It's quick & easy.

Overlapping DIVs killing links

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>

Dec 14 '05 #1
3 2378
michelle koen wrote:
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.

Is there a test URL?

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Dec 14 '05 #2
Yes there was at the top but the link didn't come through in the
web-based version... I ended up getting rid of the negative margins and
recoding the whole shibang. Thanks for your interest.
Michelle
Jim Moe wrote:

Is there a test URL?

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Dec 14 '05 #3
Tue, 13 Dec 2005 23:15:05 -0700 from Jim Moe <jmm-
li***********@sohnen-moe.com>:
michelle koen wrote:
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.

Is there a test URL?


Do we even need one? DIVs can be nested but not overlapped, and
links can be contained in DIVs but can't overlap them.

Michelle, have you validated your HTML?

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you
Dec 14 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Peter Jenkins | last post: by
4 posts views Thread by Mark Tranchant | last post: by
1 post views Thread by Mitch | last post: by
8 posts views Thread by gpbmike | last post: by
2 posts views Thread by Daphne Tregear | last post: by
2 posts views Thread by Jakub Ɓukomski | last post: by
1 post views Thread by spolsky | last post: by
2 posts views Thread by Liam Gibbs | last post: by
1 post views Thread by gcdp | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.