Need someone to debug some CSS code for me in Mac Safari browser

Discussion in 'Design' started by driven, Nov 11, 2007.

  1. #1
    I'll pay you $20 if you can debug this issue. Paypal is my payment method.

    My CSS debugging with Mac FF and Mac Explorer isn't very good so I'm hoping someone knows what the issue is. This is the site.

    In Mac FF;
    The search box in the sidebar has the placement of the search button below it. Whereas in Mac Explorer, it's just fine. And in IE, the bulleted lists under "Most Recent Issues" doesn't align correctly.

    In Mac FF;
    The testimonial that I have in my banner from Bob Bly is ok in Mac FF, but in IE, it's too far high in the banner.

    Thanks!
     
    driven, Nov 11, 2007 IP
  2. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    I don't have a Mac but I'll troubleshoot it just based on how you styled/structured it.

    1. You should specify a width for your input element in pixels. Don't use the size attribute.
    2. Use a background image for your list items instead of list-style-image which obviously isn't consistent across browsers. Apply a left padding to the LIs equal to a width greater than the bulleted item's width.
    3. Your source order isn't the best... for the testimonial element, I suggest you try absolutely positioning it relative to the header.

    P.S. - who's that in your avatar?
     
    soulscratch, Nov 11, 2007 IP
  3. driven

    driven Well-Known Member

    Messages:
    400
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    138
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    Yeah- I could've done negative margins as well but it's tricky. Anyway, I'd still prefer for someone else to debug it if cause I don't have a mac and I'm up to my ears in work right now!
     
    driven, Nov 12, 2007 IP