Grow your CSS skills. Land your dream job.

Trouble with floated element margins

  • # November 25, 2012 at 11:28 am

    Good Morning…

    this is driving me absolutely nuts!

    http://www.oasiswebdevelopment.com/aurora/index4.html

    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..

    markup:

    CSS

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

    }

    Can anyone help????

    thank you

    Elizabeth

    # 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.

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