Grow your CSS skills. Land your dream job.

[SOLVED] Form elements are stepping down in safari

  • # July 3, 2009 at 2:14 am

    Site: http://brianfarris.net/contact/

    It looks great in firefox… unfortunately, not so much in safari.

    Anyone see this happen before?

    # July 3, 2009 at 2:41 am

    It shouldn’t be causing a problem but I think it is… the labels are being floated left, and yet, each label is actually within a <p>, so it really shouldn’t matter anyways. Try removing the float and see what you get.

    # July 4, 2009 at 5:57 am

    Steps down in Firefox, but not Safari for me. Adding "clear: left" to the label fixes it in FF.

    # July 6, 2009 at 1:25 am

    Really weird. I fixed it by putting in

    Code:
    fieldset p {margin: 5px 0;}

    Apparently there wasn’t enough space on the top and bottom for Safari or there were some conflicting issues with how safari was rendering something dealing with the labels. Not sure… but, it’s fixed now.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".