treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[SOLVED] Form elements are stepping down in safari

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

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

    Anyone see this happen before?
  • 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.
  • Steps down in Firefox, but not Safari for me. Adding "clear: left" to the label fixes it in FF.
  • Really weird. I fixed it by putting in

    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.