When I view this page in Chrome it has a border on the bottom only, but in IE8 it has a rounded border all around each post instead of a single bottom border.

How can I make the border look the same in IE as it does in Chrome?

1 answer

0
points

Looks like you have some kind of plugin to allow IE to draw rounded corners, similar to how PIE works just go in and remove any CSS3 you have for the .post-outer style.

Around line 343 in your on-page CSS has:

.post-outer {
     background-color: transparent;
     border: solid 1px #dcdcdc;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     -goog-ms-border-radius: 10px;
     padding: 15px 20px;
     margin: 0 -20px 20px;
     }

Which is undone by some CSS further down the file. Remove the all of the different border radius declarations and that should solve your problem:

.post-outer {
    background-color: transparent;
    border: solid 1px #dcdcdc;
    padding: 15px 20px;
    margin: 0 -20px 20px;
    }

Remove that and the plugin/util will stop trying to draw it curved in ie and listen to what you actually want. Likely like the -goog-ms prefix one is the troublemaker but might as well remove them all anyways since you don't really need them.

Answered about 8 years ago by Darcy Bross