The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[SOLVED] Form elements are stepping down in safari

  • # July 3, 2009 at 2:14 am


    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

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed