Forums
View unanswered posts | View active topics It is currently Wed Jul 23, 2014 7:51 pm



Reply to topic  [ 4 posts ] 
 Combining background graphic and background colour 
Author Message

Joined: Mon Jul 19, 2010 4:46 am
Posts: 34
Post Combining background graphic and background colour
See the code below.

We're using a background image (block_top.gif) with repeat-x combined with a solid colour background to give us a block with two colour sections without having to split it into two divs.

This works well in all browsers, but seems to have hit a snag when used with PIE.htc -- if you try the code below, you'll notice a single pixel of orange down the right hand side of the background graphic. It appears that the background graphic is getting mis-positioned or mis-sized, and the background colour is bleeding through into its space.

If you zoom in, you'll see that the single pixel is actually just a sub-pixel, and that there's also a sub-pixel mis-alignment on the top border as well, but this isn't visible at normal zoom.

This occurs in all versions of IE.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>test Page</title>
<style>
.block {
  border-radius:6px;
  behavior: url(PIE.htc);
  width:200px;
  background: #FF9955 url('block_top.gif') repeat-x top;
  position:relative;
}
</style>
</head>
<body>
<div id="block-user-1" class="block">
   <h2 class="title">Title</h2>
   <div class="content">
      block content
   </div>
</div>
</body>


Mon Jul 19, 2010 6:02 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Combining background graphic and background colour
Thanks for reporting this. I've seen similar issues in the past but I thought I'd fixed them all. Guess not.

Could you please attach the block_top.gif image you are using? Thanks.


Mon Jul 19, 2010 8:44 am
Profile

Joined: Mon Jul 19, 2010 4:46 am
Posts: 34
Post Re: Combining background graphic and background colour
Hi. Image attached as requested. :)


Attachments:
File comment: Image as requested...
block_top.gif [206 Bytes]
Downloaded 547 times
Mon Jul 19, 2010 8:46 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Combining background graphic and background colour
FYI this issue should now be fixed in the latest development code. Thanks for reporting it!


Sat Jul 24, 2010 9:52 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Exabot [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.