WordPress.org

Support

Support » How-To and Troubleshooting » IE & FireFox css margin conflict?

IE & FireFox css margin conflict?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • I hate it when that happens.

    Usually a margin: 0 clears it all up.

    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

    Anybody?

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘IE & FireFox css margin conflict?’ is closed to new replies.
Skip to toolbar