[css-d] Links in floating div aren't working in FF

2008-04-04 Thread Darren Best 
(First time poster here.  Hope you can help me!)

I'm an amateur coder, asked to overhaul an existing website for a non-profit
in Ontario (http://www.unemployedhelp.on.ca).  The website is a mess of
nested tables and font tags.  They want me to retain the look of the site,
but make a CSS-based design (primarily so it is better accessible to screen
readers, but also so that it is more maintainable, content wise).

I've posted a couple of pages of my re-designed site at
http://www.darrenbest.com/DRUHC/clientguide.html and
http://www.darrenbest.com/DRUHC/clientguide1.html . The (admittedly
cluttered) stylesheet is at
http://www.darrenbest.com/DRUHC/images/clientstyle.css (I'll clean it up a
bit when I'm done).

Comparing the output of my pages in Firefox 2 and IE6 yields a few
differences.  Normally, I've been getting results I expect in FF and having
to figure out IE, but this time I don't know what's up with FF.

My issue is with the navigation boxes on the right side (within a div named
ogeNav).  In my style sheet, I have the following:

   #ogeNav {
   float: right;
   margin: 10px 125px 10px 10px;
   width: 165px;
   }
   * html #ogeNav {display:inline;} /* IE6 hack*/

This makes the elements placed properly, but here's the problem: the links
within this floated div work in IE at all times, but in FF the links are
covered by the main text of the page.  On the clientguide1.html page,
none of the links work since the main content is taller than the floating
div.  But on clientguide.html, the content only goes down a short
distance: the links in the floating div work from the point of Start now!
down, but won't work from that point up.

Can I do anything to make the main text not cover the floating div in
Firefox?  Thanks in advance.

Darren Best
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Links in floating div aren't working in FF

2008-04-04 Thread Philippe Wittenbergh 

On Apr 5, 2008, at 11:58 AM, Darren Best wrote:
 (First time poster here.  Hope you can help me!)

Welcome.

 I've posted a couple of pages of my re-designed site at
 http://www.darrenbest.com/DRUHC/clientguide.html and
 http://www.darrenbest.com/DRUHC/clientguide1.html . The (admittedly
 cluttered) stylesheet is at
 http://www.darrenbest.com/DRUHC/images/clientstyle.css (I'll clean  
 it up a
 bit when I'm done).

 Comparing the output of my pages in Firefox 2 and IE6 yields a few
 differences.  Normally, I've been getting results I expect in FF and  
 having
 to figure out IE, but this time I don't know what's up with FF.

 My issue is with the navigation boxes on the right side (within a  
 div named
 ogeNav).  In my style sheet, I have the following:

The problem is this:

#supportingText {
position: relative; /* -- Here
margin: 0 125px 0 200px;
padding: 0 0 0 0;
}
making your container relative positioned kind of pulls it up (layers  
it) in front of the floated side bar.
Add a background-color to #supportingText, and you'll see what happens.

Removing 'position:relative' solves the problem.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/