Forums
View unanswered posts | View active topics It is currently Fri Oct 24, 2014 2:31 am



Reply to topic  [ 6 posts ] 
 Border of div shifted down and right ~2px in IE 6-8 
Author Message

Joined: Wed Dec 08, 2010 6:26 pm
Posts: 3
Post Border of div shifted down and right ~2px in IE 6-8
I have two absolutely positioned divs inside a relatively positioned div which has a fixed width applied and a border. I am applying border-radius to the contained divs. When the page loads, the borders initially show unrounded, and then shift down and right a few pixels when the radius is applied. The content stays in the same place.

If I remove the border from the containing div, the contained divs' borders do not shift. In browsers other than IE, the contained divs' borders are correctly located with or without a border on the containing div.

Using 1.0 beta 3, compressed .htc.


Wed Dec 08, 2010 8:51 pm
Profile

Joined: Wed Dec 08, 2010 6:26 pm
Posts: 3
Post Re: Border of div shifted down and right ~2px in IE 6-8
Great - so the only reply I get is comment spam :roll:

Here's the problem:

The containing div had a border with a thickness of "medium" -

Code:
border-width: medium;


This displays in most browsers as a 3px border. For some reason this causes css3pie to shift the contained rounded borders 3px left and down.

The solution:

Specifying the border width in pixels causes no shifting:
Code:
border-width: 3px;


tl;dr - use numeric values for border thickness and not "thin", "medium", or "thick."


Fri Dec 10, 2010 11:02 am
Profile

Joined: Tue Oct 19, 2010 10:40 am
Posts: 40
Post Re: Border of div shifted down and right ~2px in IE 6-8
I'm sorry no one responded, but it does help when you provide some code, the site it is being used on, or the best, an entire test case containing just the defect. For future reference.

Glad you figured out your problem though.


Fri Dec 10, 2010 11:12 am
Profile

Joined: Wed Dec 08, 2010 6:26 pm
Posts: 3
Post Re: Border of div shifted down and right ~2px in IE 6-8
Well, my rolleyes was more about the spam - which was far ranging and promised to answer many unasked questions - than about the lack of response.

Should I put together a demonstration test case and submit a bug, or is not using the CSS predefined widths an adequate solution?


Fri Dec 10, 2010 4:22 pm
Profile

Joined: Tue Oct 19, 2010 10:40 am
Posts: 40
Post Re: Border of div shifted down and right ~2px in IE 6-8
I don't think so.

I am happy you figured out the problem for future people who may run into the issue, but it isn't a bug, so no worries.

Pie just doesn't support it.


Fri Dec 10, 2010 5:19 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Border of div shifted down and right ~2px in IE 6-8
Actually this sounds like a legitimate bug to me. PIE should be smart enough to position things right when the parent element has a non-px border-width. If you wouldn't mind opening a ticket in GitHub that would be awesome.

My apologies for not responding promptly, I'm traveling this week so I haven't been able to check in much.


Fri Dec 10, 2010 5:30 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 6 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Yahoo [Bot] and 6 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.