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 floated element margins

  • # November 25, 2012 at 11:28 am

    Good Morning…

    this is driving me absolutely nuts!

    I have two elements each floated left with a 10 px margin applied to their class. It renders correctly within dreamweaver but not in my browsers..



    .imgbox {
    width: 299px;
    float: left;
    margin-left: 10px;


    Can anyone help????

    thank you


    # November 25, 2012 at 12:06 pm

    What do you mean by not rendering correctly?

    # November 25, 2012 at 1:08 pm

    the margins are in effect in the DW Window but in the browser window, the two images are smack together.. no margins so that image 1 is right up agains image 2.

    Can you help?

    # November 25, 2012 at 1:11 pm

    actually I just looked again and now they are cooperating.. I did not change anything.. this is really weird.. any comments?

    # November 25, 2012 at 1:40 pm

    could have been your cache that was making it display incorrectly.

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