CMS Made Simple Forums

Posted: **Thu Aug 09, 2012 1:20 pm**

I have a problem with the print icon displayed in IE8. It is shown with a 2px blue border around the image, even though it is wrapped in DIV where I specifically set border-width: 0px.

The visual description of the problem:

Looks fine in Chrome and Mozilla:

But not in IE8:

The DIV which is used:

Code: Select all

        height: 16px;
        width: 10%;
        float: left;
        text-align: right; 
        padding: 0 0 4px 0;
        border-width: 0px;

HTML:

<div id="novica_natisni"><a href="http://www.mysite.com/index.php?mact=CM ... Y21zbXMvaW
5kZXgucGhwP21hY3Q9TmV3cyxjbnRudDAxLGRldGFpbCwwJmN
udG50MDFhcnRpY2xlaWQ9NCZjbnRudDAxb3JpZ2lkPTYwJmNudG50MDFyZXR1cm5pZD02MSZzaG9
3dGVtcGxhdGU9ZmFsc2U%3D&cntnt01pageid=61&cntnt01script=
1&cntnt01returnid=61" class="noprint" target='_blank' rel="nofollow"> <img src="modules/CMSPrinting/printbutton.gif" title="Natisni to stran" alt="Natisni to stran" />
</a></div>

Any idea how to fix it or is it (yet another) general know IE bug we can't do anything about it?

Posted: **Thu Aug 09, 2012 4:23 pm**

Ok, so I fixed the problem by adding:

Code: Select all

#printicon  img {
       border-width: 0px;
}

Although it's working, I feel it's a bit clumsy way around...

Posted: **Fri Aug 10, 2012 5:19 pm**

A lot of the default template CSS has img { border: none } ....

CMS Made Simple Forums

[solved]IE8 - print icon with border

[solved]IE8 - print icon with border

Re: IE8 - print icon with border

Re: [solved]IE8 - print icon with border