1 pxel shift
mdowsett - October 11, 2008 - 00:32
| Project: | 007 niGraphic Studio Theme |
| Version: | 6.x-1.x-dev |
| Component: | User interface |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | patch (code needs review) |
Jump to:
Description
I used this theme on a test site and it worked GREAT. But as soon as I moved it to the live site (http://dowsett.ca) there is a 1 pixel shift in the right corners as well as a line at the bottom of the sidebar blocks.
And...it's only in Firefox (I use v3 on Mac) - Safari is fine.
I cleared cache...I even restored a fresh copy of the theme as well.
Any ideas?
#1
i found it was the background colours (orange and the medium-grey) that were sticking out behind the corners. I set their widths to 887px (less 1px) in both their sections and it solved it (in FF and Safari).
I just added the 'width' lines in these sections
.clearfixHead{display: inline-block;
background-color: #FF8800;
width: 887px;}
.clearfix{display: inline-block;
background-color: #737373;
width: 887px;
}
I'm not sure if this is the right thing to do, but it worked for me!
I'll flag it as a 'patch - needs review' and the owner can decide what to do with it.