Overlapping DIVs killing links

#1

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>

#2

michelle koen wrote:

Quote:

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)

#3

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:

Quote:

Is there a test URL?

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

#4

Tue, 13 Dec 2005 23:15:05 -0700 from Jim Moe <jmm-
list.AXSPAMGN (AT) sohnen-moe (DOT) com>:

Quote:

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

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Overlapping DIVs killing links

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)

Overlapping DIVs killing links - 12-13-2005 , 09:29 PM

Re: Overlapping DIVs killing links - 12-14-2005 , 12:15 AM

Re: Overlapping DIVs killing links - 12-14-2005 , 06:27 AM

Re: Overlapping DIVs killing links - 12-14-2005 , 10:03 AM