Links not working in absolute/relative positioned DIVS in Mozilla browsers

Discussion in 'CSS' started by AmyL, Aug 3, 2006.

  1. #1
    Hi,

    I'm new here - and looking for some help. I've searched on the Web for this but so far have not had much luck with a solution.

    Here is my site: http://www.mikemcgeehan.net

    Style sheet is here: http://www.mikemcgeehan.net/includes/styles.css

    The left nav links do not work in Mozilla browsers - I've found that is because either they are in an absolute/relative positioned DIV or there are other positioned DIVs on the page that are "overlapping" the link area. If I position the left nav higher on the page, the links do work.

    I am not sure how to NOT use positioning and still have all the elements on the page go where I want them. I am tempted to go back to tables at this point.

    Any ideas?
     
    AmyL, Aug 3, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Absolute positioning is absolutely the worst way to begin doing css layouts. Google css layout, there are plenty to learn from.

    cheers,

    gary
     
    kk5st, Aug 3, 2006 IP