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

Trouble with margin in Safari

  • # October 5, 2009 at 12:03 pm

    Works fine in IE and Firefox, but a margin(a gap I don’t want there) shows up below main content(below columns) in safari. Gone over it a million times and can’t figure it out. Please help!

    # October 7, 2009 at 8:08 am


    This is the example css code for only the safari browser.
    Please try this.


    Safari is the only browser that seems to understand the ":first-of-type" pseudo class


    div:first-of-type p
    left:7px; /* this will be only used in SAFARI because of :first-of-type */


    This :first-of-type can be only used for parent classes so in our above example we are using it in the <div> to call it for <p> , for example

    left:7px; /* it wont work because :first-of-type can only be used for parent classes )

    Hope it will be very much useful and easy

    Thanks & Regards

Viewing 2 posts - 1 through 2 (of 2 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