WordPress.org

Ready to get started?Download WordPress

Forums

IE & FireFox css margin conflict? (5 posts)

  1. Anne-Marie
    Member
    Posted 7 years ago #

    I'm having a little mystery which I hope one can help me out.
    Over at my site http://www.seacloudies.com/snap-shots/ you can see that in IE I got photo sets and photo's aligned nicely in the middle, but in Firefox the photo's and it's sets are a bit off to the right.
    I tried playing around with the margins, if I get Firefox fixed IE is all out of place or the other way around.

    I'm clueless by now and really hoping one can help me out.

    Oh yeah, one more question, in IE the photo set named parties 1 somehow doesn't want to align like the rest does, any ideas why this can be?

    Appreciate any help you can give me.

    Caramella.

  2. realepicurean
    Member
    Posted 7 years ago #

    I hate it when that happens.

    Usually a margin: 0 clears it all up.

  3. Anne-Marie
    Member
    Posted 7 years ago #

    Thnx Realepicurean, I've tried that and sad to say with no results.

    This is what I have,
    {
    float:right;
    width: 480px;
    margin: 0px 110px 0px 0px;
    padding: 20px 20px 10px 20px;
    }

    I tried setting the margin 110px to 210, this puts FireFox in place but puts IE off, I've tried removing the float: right; and setting all to 0, with no results. I tried leaving float:right and setting all to 0 margin, no results. I tried it the other way around, setting float to left and playing around with the margins, no result.

    Now I'm really hoping that one of you has an bright idea, I'm crossed eyed by now :)

    TIA

  4. Anne-Marie
    Member
    Posted 7 years ago #

    Anybody?

  5. realepicurean
    Member
    Posted 7 years ago #

    Do you need the margins and the padding? You're specifying a width, so maybe not.

    Also you could try positioning with top: 50px or whatever.

Topic Closed

This topic has been closed to new replies.

About this Topic