Forums
View unanswered posts | View active topics It is currently Tue Oct 21, 2014 10:49 pm



Reply to topic  [ 3 posts ] 
 Box misaligned 
Author Message

Joined: Wed Jul 21, 2010 10:06 am
Posts: 3
Post Box misaligned
Fantastic job guys. I'm trying this on my app and it it works largely out of the box, great. But I'm having a few issues. For starters, I have an anchor with a simple solid background. That does get rounded, but is misaligned. The funny thing is, it only happens once: if I go to a different page and come back, it's correctly aligned. Looks like some code isn't executed the first time. Also, the problem is only on one page, the exact same kind of anchors work fine on other pages.

Please check out http://herdcall.com for what I'm talking about. If you aren't logged in (which you won't likely be), you will go to the login page. Once there, click on top left logo -> New -> Map. The "Search" button background at top will be misaligned. Then, hit the back icon at the top right, you will go to the last page. Now, come back by hitting Map, and you will see that the background is now correctly aligned.

Hope you can help. I'm using GWT.


Wed Jul 21, 2010 10:20 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Box misaligned
Thanks for bringing this up. Usually these misalignment issues are IE8 only, but I tried your page in IE7 and the same thing occurs. I also noticed both browsers are throwing an error when initializing the behavior which I haven't seen before. It looks like things might be getting called in a different order than expected. I'm not sure how GWT creates things but it might be doing something differently than other libraries which triggers the error.

I've opened http://github.com/lojjic/PIE/issues/issue/45 to look into this further.


Wed Jul 21, 2010 12:01 pm
Profile

Joined: Wed Mar 02, 2011 4:44 pm
Posts: 5
Post Re: Box misaligned
I also had the following strange behavior, using it with GWT:
in my html page I set the pie behavior.
Just when my gwt stuff is loaded I do wrap a piece o html page in a new html div element. This html snippet that was being wrapped contains pie stuff. After wrapping, the page got very ugly. I noticed many css3 html elements before the div element that was wrapped by pie then normally.
So some how the dom de-atcchement and attachment action triggered pie to do something which wasn't correct.

After I remove the wrapping, it also looked ok again (also the inserted css3 tags).

What I did in gwt: add a div element just before the div element I want to wrap and added this to this new element.
It took me a while to find out what was going wrong as I have it working on other places.
It was difficult for me to put it somewhere so you can see it. As such I have some screenshots, maybe that helps.
Ie error (with wrapping):
http://sub.ited.nl/pie/error.png
http://sub.ited.nl/pie/errorIe.png

Ie ok (witout wrapping):
http://sub.ited.nl/pie/ok.png
http://sub.ited.nl/pie/okIe.png

BTW: i made a little javascript (2KB) to dynamically add some css3 styles and the pie.htc file in case of IE and it seems to work fine. I also made a little GWT wrapper such that I can use it from within GWT.
If anybody is interested, let me know. I see if I can drop it somewhere
Thanks.
Ed


Thu Mar 03, 2011 5:54 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Google [Bot] and 2 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.