#1
  1. His name is Robert Paulson!
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Feb 2005
    Location
    Paper Street
    Posts
    2,683
    Rep Power
    157

    Update(Please help):Links aren't available in FF


    example page: here
    css

    The links in the footer aren't available in FF (IE is OK)... I thought it had something to do with not clearing the floats, so I added that, now the red boarder(that I was using to try and get a visualization) goes around the whole content div, but the links still are clickable... I read about this somewhere, but I couldn't decipher the fix, and I can't find the page again...

    How do I fix this?

    Thanks
    Bryan
    Last edited by bdreyer; July 5th, 2005 at 10:49 AM.
    Environmental LIMS
    What the hell is all this LIMS st*ff about?
    ---------------------------------------
    PHP Pagination Function
    PHP Drop Down Menus
  2. #2
  3. I have a red lunch bag
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Jan 2005
    Location
    The armpit of Niagara
    Posts
    3,115
    Rep Power
    344
    I'm not sure what links you're talking about... but to get the content div to expand you need a clearing div as the last thing in it. You already have a clear class, but aren't using it. So add this in as the last thing in the content div:
    Code:
    <div class="clear">&nbsp;</div>
    Web Design Tips - Posting and You

    If I've been helpful, and/or you're really nice, consider buying something from my Amazon.com wishlist.
    • There is no room for pride when trying to be the best at what you do.
    • Friends don't let friends use bad code.
    The club is dead.
  4. #3
  5. His name is Robert Paulson!
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Feb 2005
    Location
    Paper Street
    Posts
    2,683
    Rep Power
    157
    Originally Posted by cybersaga
    I'm not sure what links you're talking about... but to get the content div to expand you need a clearing div as the last thing in it. You already have a clear class, but aren't using it. So add this in as the last thing in the content div:
    Code:
    <div class="clear">&nbsp;</div>
    Yeah, I did that, it didn't work, so I took it out (you must have looked after I changed it)... The links I am talking about are in the footer (all of them aren't working in FF on the calendar page)... I remember reading at one time that links won't be clickable if something is overlapping them... the work on the index page, but not on the calendar page...
    Environmental LIMS
    What the hell is all this LIMS st*ff about?
    ---------------------------------------
    PHP Pagination Function
    PHP Drop Down Menus
  6. #4
  7. I have a red lunch bag
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Jan 2005
    Location
    The armpit of Niagara
    Posts
    3,115
    Rep Power
    344
    They work for me. Of course, the only one pointing to a different page is the 'Home' link, but that works for me in FF.
    Web Design Tips - Posting and You

    If I've been helpful, and/or you're really nice, consider buying something from my Amazon.com wishlist.
    • There is no room for pride when trying to be the best at what you do.
    • Friends don't let friends use bad code.
    The club is dead.
  8. #5
  9. His name is Robert Paulson!
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Feb 2005
    Location
    Paper Street
    Posts
    2,683
    Rep Power
    157
    Originally Posted by cybersaga
    They work for me. Of course, the only one pointing to a different page is the 'Home' link, but that works for me in FF.
    That's strange... I have FF running on Fedora Core, that's the one giving me problems... IE has no problems...

    The FF problem is only on the events calendar page... I guess I'll have to see if it happens on other pages as I build them...
    Environmental LIMS
    What the hell is all this LIMS st*ff about?
    ---------------------------------------
    PHP Pagination Function
    PHP Drop Down Menus
  10. #6
  11. I have a red lunch bag
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Jan 2005
    Location
    The armpit of Niagara
    Posts
    3,115
    Rep Power
    344
    If you don't have the Web Developer Toolbar you should get it. It'll let you outline stuff so you can see what's going on.
    Web Design Tips - Posting and You

    If I've been helpful, and/or you're really nice, consider buying something from my Amazon.com wishlist.
    • There is no room for pride when trying to be the best at what you do.
    • Friends don't let friends use bad code.
    The club is dead.
  12. #7
  13. I have a red lunch bag
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Jan 2005
    Location
    The armpit of Niagara
    Posts
    3,115
    Rep Power
    344
    Congrats on the blue belt by the way. I like the blue belt. I want to keep it, postcount be damned.
    Web Design Tips - Posting and You

    If I've been helpful, and/or you're really nice, consider buying something from my Amazon.com wishlist.
    • There is no room for pride when trying to be the best at what you do.
    • Friends don't let friends use bad code.
    The club is dead.
  14. #8
  15. His name is Robert Paulson!
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Feb 2005
    Location
    Paper Street
    Posts
    2,683
    Rep Power
    157
    Originally Posted by cybersaga
    If you don't have the Web Developer Toolbar you should get it. It'll let you outline stuff so you can see what's going on.
    Thanks, I'm downloading it now...

    Eventually, I'll have spread enough vd... er... "love" around and I'll be able to rep ya again for all yer help...

    Thanks again...
    Environmental LIMS
    What the hell is all this LIMS st*ff about?
    ---------------------------------------
    PHP Pagination Function
    PHP Drop Down Menus
  16. #9
  17. His name is Robert Paulson!
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Feb 2005
    Location
    Paper Street
    Posts
    2,683
    Rep Power
    157
    OK... I've made a "simple" page within my template (i.e. no extra divs inside #content), and FF on my linux machine still doesn't allow me to click the links on certain pages...

    Here is an >link removed... no longer valid<...

    This happens only if the page has to scroll down (including if you just make the window smaller so there will be a vertical scroll)... so if there is little content, the links are fine... (note that I can select the links by tabbing, just can't click on them).

    Any idea what could be wrong? Is it FF in general (I don't have another to test with), or is it just my installation of FF (I have 1.0.4).
    Last edited by bdreyer; July 5th, 2005 at 10:50 AM.
    Environmental LIMS
    What the hell is all this LIMS st*ff about?
    ---------------------------------------
    PHP Pagination Function
    PHP Drop Down Menus
  18. #10
  19. I have a red lunch bag
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Jan 2005
    Location
    The armpit of Niagara
    Posts
    3,115
    Rep Power
    344
    Well, it happens on my machine too. But I figured out that it's because of "margin-top:-41px;". If that's gone it works fine, but of course that moves it out of place. So try this instead:
    Code:
    #footer {
      position: relative;
      top:-41px;
    }
    It worked on my end. See if it does on yours.
    Web Design Tips - Posting and You

    If I've been helpful, and/or you're really nice, consider buying something from my Amazon.com wishlist.
    • There is no room for pride when trying to be the best at what you do.
    • Friends don't let friends use bad code.
    The club is dead.
  20. #11
  21. His name is Robert Paulson!
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Feb 2005
    Location
    Paper Street
    Posts
    2,683
    Rep Power
    157
    that's close... but now there is a scroll bar on every page, and when you scroll down, it's just white space beneath the footer...

    I tried removing height from #footer, that didn't work, then I tried removing height from #clrfooter (even at the same time...) that doesn't work either... any ideas?

    Well I have a duct tape type solution... Let FF have the extra white space at the bottom... and use...
    Code:
    * html #footer {
      top:0;
      margin-top:-41px;
    }
    To get IE to not have it... Makes FF not look so great, but it's better than not being able to select the links.

    I got the original code from BonRouge's website... I wonder if he knows this is a problem?
    Last edited by bdreyer; June 28th, 2005 at 02:12 PM.
    Environmental LIMS
    What the hell is all this LIMS st*ff about?
    ---------------------------------------
    PHP Pagination Function
    PHP Drop Down Menus
  22. #12
  23. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,262
    Rep Power
    1960
    Put the footer inside #wrap. It will have to be AP, {bottom: 0;} For an example of a footer that stays at the bottom of the viewport unless pushed lower by content, see my Footer Demo. It works in IEWin and the Moz family. Opera has a certain flakiness, and IEMac and Safari fail gracefully.

    It might be worth a look.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.

IMN logo majestic logo threadwatch logo seochat tools logo