WordPress.org

Ready to get started?Download WordPress

Forums

Image Border not working in IE but does in FF (5 posts)

  1. menwuur
    Member
    Posted 7 years ago #

    Hey all, Im having an issue at the moment with a big IE/ FF difference

    I have a silver border around my image with 7px of padding to create a nice white frame around my images that i post on the blog... This works perfect in Firefox but the padding is a no show in IE leaving me with an image with just a thin silver border around it right against the edge of the image..

    I cant seem to figure out what the problem is as the site that i copied the image border code from displayed correctly in both browsers, whereas my implementation of it does not (I edited it but only pixel values and such), which leaves me to think there is a conflicting code somewhere in my work that IE doesnt like...

    Any suggestions on where I should start looking? I hate the slight differences between IE and Firefox, so far I've been able to accept them but this is something that i need to fix

  2. Medizinische Abkuerzungen
    Member
    Posted 7 years ago #

    Do you have an url?

  3. menwuur
    Member
    Posted 7 years ago #

  4. menwuur
    Member
    Posted 7 years ago #

    I've figured a way around the problem for anybody who's having a similar issue.

    The way I had the image borders was:

    .thinborder {
    border: solid 1px silver;
    padding: 7px;
    margin-bottom: 10px;
    }

    <div style="text-align: center"><img class="thinborder" src=" the image link "></div>

    Instead i gave the div the class:

    <div class="thinborder" style="text-align: center"><img src=" the image link "></div>

    And it got the borders w/padding working perfectly in IE but it added a bit of width to the left and right sides of the images padding in Firefox

    Gonna figure out a way around that and will post it

  5. koeln
    Member
    Posted 7 years ago #

    You have got errors in your html. Look at your source-code

    <div id="wrapper">
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    there is a div-tag above the doctype. These can alter the visualisation (esp. in FF)

    Have a look at
    http://validator.w3.org/check?uri=http%3A%2F%2Fcotrm.net%2Fwordpress%2F

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags