Image Centering in Firefox

  • Resolved kosis

    (@kosis)


    14 years, 11 months ago

    I am having the old problem with images centering in IE but not in Firefox but am unable to resolve it.
    Theme: Painter.

    Sample page:
    http//www.carolineschelling.com/index-of-letters

    I am using WP’s html editor.

    I’ve found so many different suggestions for solutions that I am quite confused now.

    My code for one of the offending images is:

    <p style="text-align:center"><img class="size-full wp-image-1033 aligncenter" src="https://www.carolineschelling.com/wp-content/uploads/2009/08/Caroline-Briefe.bmp" alt="Caroline Briefe" /></p>

    A search turned up the following explanation:

    “To centre a block you are supposed to set margin-left and margin-right to auto, but IE doesn’t honour this, so you have to use
    text-align:center to make IE happy, plus margin-left:auto;
    margin-right:auto for the standards compliant browsers.”

    I would prefer a global solution (on my theme’s CSS Style Sheet?). Is a global solution possible in the form of?:

    margin-right:auto;
    margin-left:auto;

    It seems (though I am not sure) that the Image-Media Uploader Problems sticky (at the top of this Troubleshooting rubric) might be addressing this issue:

    Additional Questions:
    Q: The gallery’s align left/center/right selection box doesn’t work!

    since the solution it offers is coding precisely the margin elements in the CSS style sheet (I’m using the Painter theme). But I’m unsure.

    I am a beginner with coding but am trying to learn.
    Thank you.

Viewing 3 replies - 16 through 18 (of 18 total)
  • Thread Starter kosis

    (@kosis)

    I just
    (1) downloaded style.css via FTP,
    (2) took out

    .entry img
{
  margin:5px;
}

    (3) replaced it with

    .entry img.aligncenter {
margin-left:auto;
margin-right:auto;
}

    (4) deleted the old style.css file on my server, and
    (5) replaced it via FTP with the edited style.css.

    The images now center in both IE and FF.

    But I would never have known what to do or how to do it without your patience and gracious help. For which thanks, esmi, t31os_, and RVoodoo.

    I am trying to learn this stuff for myself (at some online sites), but it is all very deep (I’m better at HTML than CSS), so I greatly appreciate your help here today. It was a real eye-opener.

    Thanks.

    glad ya learned some stuff!

    Slamfires

    (@slamfires)

    This old thread helped me out of the same irritating problem today. Pics now centre fine in both FF and IE. Cheers all you happy peeps!

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Image Centering in Firefox’ is closed to new replies.