SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Sliding Doors problem in Opera 7.53

    Hello guys,

    I have a problem to make my tabed menu to work in Opera. IE, Firefox and Mozzila render this menu excellent but Opera crash with float left. Can you help me with your advice and tell how to make my tabed menu to work in Opera.

    Here is a URL to my page and here is a css for menu.

    thanks in advance,
    Jazz

  2. #2
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Anyone, please?

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,287
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It seems that opera doesn't like the float in the li but mozilla needs it.

    heres a hack that I don't like using because you don't nkow how long it will be around so if you can't find another way around then you can use this.
    Code:
    @media all and (min-width: 0px){
       div#main_navigation ul li{
     float:none;
      }
    }
    That stops Opera getting the float and it lines the tabs up correctly on top. The problem is that floats without widths often cause problems.

    Even though the above code lines the tabs up there is a gap that appears in Opera that you will need to address. I'm sorry I didn't have time to look further but I'm a bit behind today.

    Paul

  4. #4
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok man thanks for the tip. I'll try to get rid of this gap

    best,
    Jazz


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •