PDA

View Full Version : strange problem with background image in XP

Chadi
09-19-2013, 09:19 PM
I have some members still using XP, but either Chrome or Firefox that are having this odd issue with one of my green arrow "subscribed to thread" image I have.

Screenshot shows the difference. The XP / error screenshot shows the green arrow not picking up on the "width=16" html code and therefore, covering over the topic thread title row.

HTML CODE

<div class="inner">
<h3 class="threadtitle">
<a href="http://www.talkjesus.com/press-stand/46706-scottish-street-preacher-arrested-new-post.html" id="thread_gotonew_46706"><img class="gotonewpost" src="http://www.talkjesus.com/images/metro/blue/buttons/firstnew.png" width="16" alt="Go to first new post" title="Go to first new post"></a>
<a class="title threadtitle_unread" href="http://www.talkjesus.com/press-stand/46706-scottish-street-preacher-arrested.html" id="thread_title_46706">Scottish street preacher arrested</a>
</h3>
<div class="threadmeta">
<div class="author">
<span class="label">Started by&nbsp;<a href="http://www.talkjesus.com/members/fragrant+grace.html" class="username understate" title="Started by Fragrant Grace on 09-19-13 03:34 PM">Fragrant Grace</a>,&nbsp;09-19-13&nbsp;03:34 PM</span>
<!-- iconinfo -->
<div class="threaddetails td">
<div class="threaddetailicons">
</div>
</div>
</div>
</div>
</div>

CSS CODE

.threadbit .threadtitle {
background: transparent none no-repeat right top;
padding-left: 0;
margin-right: 12px;
margin-top: 15px;
}

Thanks for the help
pityocamptes
09-20-2013, 02:49 PM
I assume this is happening in older browsers such as ie7/8? If so....

Those old IE browsers have issues when the image height+width attribute is missing "px".

IE requires:
height="100px" width="200px"
Chadi
09-20-2013, 04:20 PM
I assume this is happening in older browsers such as ie7/8? If so....

Those old IE browsers have issues when the image height+width attribute is missing "px".

IE requires:
height="100px" width="200px"

Thanks, but did you read my post? I made it clear it's Chrome and Firefox. As for px, I don't think that matters here since this has nothing to do with IE, but Chrome/Firefox on XP.
pityocamptes
09-20-2013, 07:55 PM
Which version of FF are they running?

"Firefox 3.6.28 and Firefox 12 are the last versions of Firefox that will work with the original version of Windows XP and Windows XP Service Pack 1. They won't be updated with security and stability fixes. To keep your computer and personal information safe, we recommend that you upgrade for free to Windows XP Service Pack 3 and install the latest Firefox. This article goes over your upgrade options."

--------------- Added 1379710821 at 1379710821 ---------------

Maybe try Opera to see if its different? Maybe run your site through the older FF emulator and run firebug to see what needs to be changed in either the CSS or HTML files?

--------------- Added 1379711210 at 1379711210 ---------------

Perhaps advice your users that they can get SP3 for free, and upgrade to the newest FF version? Which eliminates you having to hack your css and html files for the few that refuse to get into the 21st century...

http://windows.microsoft.com/en-us/windows/service-packs-download#sptabs=xp