SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jul 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Safari Column Issue

    Hi All,

    I have a bit of a problem on my site with only Safari users and being a novice, cannot work out why.

    The drop down menu is overlapping the columns, not separating them as it does in all the other browsers.

    Could anyone point me in the right direction?

    Strike & Hook - South Australia's Online Fishing Resource
    Attached Images Attached Images

  2. #2
    SitePoint Zealot FaridHadi's Avatar
    Join Date
    Nov 2008
    Posts
    170
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Aarron,

    Welcome to the Sitepoint Forums!

    You need to set a width on those floated divs. That should fix it.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,347
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    As mentioned above a width here should fix safari.

    Code:
    div.maximenuCKH div.maximenuCK2 {
      float:left;
      margin:0;
      padding:0;
      width:180px;
    }
    You should also remove the height from the nested anchor or when text wraps it will spill out.

  4. #4
    SitePoint Member
    Join Date
    Jul 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank You!

    Worked perfectly


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
  •