Spot on Els and many thanks. Rounding problem sounds very credible and fits
the evidence perfectly.
Thanks to Tom too since to solve this I actually used a hack from the end of
the link you offered. Specifically I added the following to the #searchBar
styling to push it to the right and cover that errant 1px line in IE only.
right:-1px; ri/gth: 0;
Peter
-----Original Message-----
From: Els [mailto:[EMAIL PROTECTED]
Sent: 26 July 2006 22:53
To: Tom Livingston; Peter
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] IE Whitespace to right of absolutely positioned div
Tom Livingston wrote:
> On 7/26/06, Peter <[EMAIL PROTECTED]> wrote:
>> I have a site where I've stripped out truckload of tables and
>> even tried to protect again some font size variation. It
>> looks good (i.e. works) in FF 1.5 and Opera 9, but hey ho,
>> there's a 2px wide gap in IE.
>>
>> Here's a link to a simplified version
>> www.kuroi.co.uk/testing/ITC.
>>
>> If anybody can tell me what's going on and how I can prevent
>> this, I'd be eternally grateful.
>
> just a guess. No time to peek.
>
> http://www.positioniseverything.net/explorer/threepxtest.html
Nope - it's only 1px, and it's a gap between a relative
positioned parent, and an absolute positioned child.
It only happens when the absolute positioned child has a right
value (of 0). When positioning it to the left, there is no 1px
gap.
Haven't seen it before myself, but it seems to be a rounding
problem.
If you give the parent a width in pixels, the gap disappears.
If you leave the width on auto or a percentage, dragging the
window's side to the left pixel by pixel, will see the gap play
hide and seek.
Workaround for your page: give #searchBar a right value of -1px.
The 1px you lose in the other browsers will go unnoticed.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
