Forum Moderators: open
I am getting a bizarre pixel shift in I.E. that I haven't the foggiest of how to fix.
<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>
The pixel shift is fairly obvious between these two pages. Both pages went through the w3c validator without issue, and the pixel shift does not appear in firefox...but still...i would like to correct the matter for I.E.
would appreciate any help with this matter.
Thanks in advance,
turtlwaX
[edited by: tedster at 8:44 pm (utc) on Mar. 21, 2005]
First, I often notice small pixels shifts between pages while developing on my local computer, but they are extremely hard to notice after the pages are online. You only notice them locally because the screen redraws so quickly.
Still, I appreciate the urge to understand and fix things like that. Best thing to do is to open the source code for both pages at the same time, side by side or in a editor where you can tab back and forth instantly.
Focus on the areas whre you see the shift, obviously, and look for ANY differences. Since you are only seeing this in IE, I would strongly suspect a line break in the mark-up for one page and not in the other. Also, margins or padding that may be set slightly differently for the "same" element - perhaps going to default on one page and not the other.
The only thing I can think of is the rowspan attribute I have used for the <td> tag.
Is there any known issues in IE with the rowspan attribute?
The only other one I can think of is an old Visual Studio issue
ie./
<td><img src="somePath" width="whatever" height="whatever" alt="whatever" border="0"></td>
above will not produce pixel shift however if there were a linebreak after the <td> declaration....for some reason there is a pixel shift. I have only ever found this occur when editing in Visual Studio. That being said this does not appear to be an issue in this code.
I checked padding on all elements as defined in the CSS. I passed the CSS through the w3c validator as well. Everything appears well.
Presumeably the issue is in my code somewhere....but I was just wondering if perhaps the rowspan attribute is the problem.
So if one page uses rowspan and another does not, there just might be a small shift in the position of the elements on page. It's worth some experiments - which is pretty much what you need to do anyway - keep removing differences until you isolate the source and can reproduce or eliminate the shift consistently.
