Iframe shifts 1 pixel to the left by some browser dimensions
I have a code like, sorry, I don't have the exact code. but its valid.
<iframe src="..." borderframe="0" scrolling="no" width=728px" height="90px"></iframe>
the target is the html file containing the code for the banner. everything is displayed well. but when i resize the browser or expand. content is shifted to the left by 1 pixel. so the banner is missing the first 1px vertical line. and only 727px is visible.
Anyone have an idea?
thank.
I have an idea, but you didn't give us the whole picture, so I might be on the sidelines.
I would assume the iframe is positioned with a percentage or some sort of division, for example 40% to the left of the parent. Then, at certain browser widths, this number is evenly divided and cropped. Let's say it's 100px away from the left and you reduce the parent load by 2 / 3rds so that its positioning becomes 66.66px and the browser shrinks that to 66, giving an explicit one pixel error to the left.
source to share
I have the same problem. Seems like it's some sort of "rounding error" even though they should have been fixed in FF from 1.5? The main thing about this, I think the IFRAME is within the DIV that is centered on the page. When the window size is smaller than the DIV size, everything is fine. When the window size grows and the size grows to an even (or maybe odd) width, this is when the border disappears.
source to share