473,249 Members | 1,866 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,249 software developers and data experts.

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 2550
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Peter Jenkins | last post by:
I have some divs I am using to get a two column layout for a section of a page, like so; <div1> <div2> <div3> blah blah blah blah blah blah blah blah...
4
by: Mark Tranchant | last post by:
I'm looking for some advice here. Using a browser that supports fixed positioning (not IE), take a look at: http://tranchant.plus.com/guitar/chord-tutorial/ The page consists of a fixed...
1
by: Mitch | last post by:
I have 2 rectangle images. 1 with a box in the upper left corner and the other with a box in the lower right hand corner. Both images are the same size. I would like to display these 2 images so...
8
by: gpbmike | last post by:
I'm wondering if anyone else has had this problem before. Every now and then a div on my page will overlap with another. Thi only happens in firefox (vs. IE and Safari) and it corrects itself whe...
2
by: Daphne Tregear | last post by:
Is there every anything other than woe with IE...? I'm working on a redesign for my hobby pages in my personal home space before re-exporting them back to where they belong. I've based the...
2
by: Jakub Łukomski | last post by:
hi. i've got a problem as follows, to which i can't find a solution to: i've got two divs, which are completely independent of each other (neither is a parent of child of another). they're...
1
by: spolsky | last post by:
hi, i have the following html. if padding given for the span it overlaps the divs within IE 6, FireFox 1.5 and Opera 9.01. i don't want to give sizes manually. how could i prevent this...
2
by: Liam Gibbs | last post by:
Hello everyone. I'm having a problem with a web page. What I have is one DIV (a header) overlapping the border around another DIV (a menu block). I want this, because I want to put this header...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.