Overlapping <div> problem

Discussion in 'CSS' started by thinknirmal, Mar 1, 2008.

  1. #1
    Hi, I am developing an eCommerce website:

    http://www.ews-store.com

    The top-strip containing the links ('Login') is not working in Firefox. When I tried to find the problem, I found that the <div> with ID 'logowrapper' is overlapping the link section, not allowing the user to click it. It's working fine in IE 7.0 but not in Firefox.

    Actually I have placed the logo after the top link strip, but have moved it up using the position:relative and top:-35px properties. Removing these properties is rendering the links better but the logo is moving down.

    What should I do to correct this problem?
    Any help is appreciated! :)
     
    thinknirmal, Mar 1, 2008 IP
  2. hostydotnet

    hostydotnet Active Member

    Messages:
    355
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    65
    #2
    hi,

    css is retarded. i say tell everyone it stands for can't....solve....sh_t.....

    use tables. you will never have any problems other than for printing to paper. then you just need some basic code to make it happen.

    kevin
     
    hostydotnet, Mar 2, 2008 IP
  3. UKWebmasterForum

    UKWebmasterForum Guest

    Messages:
    477
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Post your HTML and CSS source code, people will be able to help and understand you a little better.
     
    UKWebmasterForum, Mar 2, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I looked a little at the code... it's quite messy (although I'm sure a lot of the mess is from whatever codes and widgets and things you need to make the site interactive)...

    I looked in old FF1.5 (I can't get 2 on this machine), Opera 9 and Fake IE6 4 Linux. So, I don't have the Winblows machine now. But while in IE6 I can make the line show up on hover of "login", in Opera, the actual logo part is to the right of the welcome guest and login parts. Want a screenshot, I can make one.

    But the main thing is, divs by their very nature will be 100% width of their containers. So that's why your logo-containing div is stretching across and encompassing the list (with login etc). I didn't look at the CSS to see how the list was stuck there. I also see there's a z-index of 2... not sure what that's doing.

    I can't tell what that div is doing there. Everything else seems fine: you've got a header (called headerWrapper), with a pink bar, then a left-floated div containing an image and some text, and then a list, and the blank area I'm assuming will have something like a photo or maybe some Flash. So, what's the logoWrapper doing? It doesn't need to be there. Whatever special job you've given it could well go on one of the other many divs.

    Lol! I gotta remember that one next time I'm pulling out my hair over some CSS isssue.
     
    Stomme poes, Mar 2, 2008 IP
  5. UKWebmasterForum

    UKWebmasterForum Guest

    Messages:
    477
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #5
    UKWebmasterForum, Mar 2, 2008 IP