Forums
View unanswered posts | View active topics It is currently Tue Sep 30, 2014 4:20 am



Reply to topic  [ 4 posts ] 
 IE7 Div with Content Managed text isn't rendering correctly 
Author Message

Joined: Wed Aug 29, 2012 3:47 am
Posts: 7
Post IE7 Div with Content Managed text isn't rendering correctly
Basically the problem appears to be that PIE is creating the extra divs for the rounded corners / shadows before the true size of the div is calculated, so I end up with a div whose size is purely from padding. The text within is correctly rendered, but continues outside the visible div.

Is there any way of either

1) deferring the PIE processing until the page has loaded all its contents

or

2) forcing the div or the page to re-render. As I found that resizing the browser forced the div to display correctly, I've tried using jquery to dynamically resize elements in the page, or to remove and re-add the corner + shadow classes, but this only seems to work sometimes.

Code:
            if ($.browser.msie && $.browser.version <= 7) {
                $(".divContent").css("display", "inline-block");
            }

or

            if ($.browser.msie && $.browser.version <= 7) {
                $(".divContent").removeClass('roundedCornersStd').addClass('roundedCornersStd');
            }

I've tried adding Delay in too...

            if ($.browser.msie && $.browser.version <= 7) {
                $(".divContent").removeClass('roundedCornersStd').delay(200).addClass('roundedCornersStd');
            }


But things got really wacky, with buttons (with rounded corners and gradients) on the page not rendering properly.
I'm no JQuery expert, so maybe I misused the delay...?

Currently the only thing that always works is this:

Code:
            if ($.browser.msie && $.browser.version <= 7) {
                $('.divcontent').removeClass('roundedCornersStd');
            }


... which is far from ideal. The rounded corners really make such a difference, it's a real shame to lose them.


Any suggestions welcomed!


Mon Sep 24, 2012 9:02 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1443
Post Re: IE7 Div with Content Managed text isn't rendering correc
Have you tried -pie-poll:true?

http://css3pie.com/documentation/suppor ... /#pie-poll


Mon Sep 24, 2012 10:33 am
Profile

Joined: Wed Aug 29, 2012 3:47 am
Posts: 7
Post Re: IE7 Div with Content Managed text isn't rendering correc
Jason,

you are my hero, I want to have your babies.
This is biologically tricky, but I'm going to try to grow a womb just so I can do it.


Or, in other words, thanks - I think that's done the trick :)


Tue Sep 25, 2012 3:50 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1443
Post Re: IE7 Div with Content Managed text isn't rendering correc
Thanks for the offer, but growing a womb sounds like a lot of effort, plus I'm doing fine on the baby-making front already. ;)

Glad it helped.


Tue Sep 25, 2012 11:40 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: No registered users and 5 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.