HighDots Forums  

Overlapping DIVs killing links

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


Discuss Overlapping DIVs killing links in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
michelle koen
 
Posts: n/a

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






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>


Reply With Quote
  #2  
Old   
Jim Moe
 
Posts: n/a

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






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)


Reply With Quote
  #3  
Old   
michelle koen
 
Posts: n/a

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



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)


Reply With Quote
  #4  
Old   
Stan Brown
 
Posts: n/a

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



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


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.