CSS3 PIE Forums
http://css3pie.com/forum/

div resize to original size when I hover the element
http://css3pie.com/forum/viewtopic.php?f=3&t=438
Page 1 of 2

Author:  piretrus [ Fri Jan 28, 2011 10:03 am ]
Post subject:  div resize to original size when I hover the element

Hi, I have a div that contains another divs. When I load the page it have height:0px and when I make over above it, it back to the original height. This div have corner-radius and shadows.

Screenshot:

on load page:
Image

on hover above div with pie effects:
Image

Do someboy know why?

Thanks

Author:  piretrus [ Fri Jan 28, 2011 1:37 pm ]
Post subject:  Re: div resize to original size when I hover the element

In this case, I have been dong proves and the problem is the doctype, but only affects the firts div with PIE effects. I don't undestand anything!!! Please help me!!! :oops:

I found and strange solution, it's provisional... If I repeat the id div, for example:

<div id="tarifas_new"></div>
<div id="tarifas_new" class="fix"></div>

First div have a good PIE render, but the second div no. I have hidden the second div with a class that is positioned like absolute and with left:50000;

Thanks

Author:  jason [ Fri Jan 28, 2011 3:58 pm ]
Post subject:  Re: div resize to original size when I hover the element

Do you see this with all versions of IE or just some?

Author:  piretrus [ Sat Jan 29, 2011 3:10 am ]
Post subject:  Re: div resize to original size when I hover the element

All IE versions

Author:  piretrus [ Sat Jan 29, 2011 5:56 am ]
Post subject:  Re: div resize to original size when I hover the element

Well, I check again and I confirmed that it happen only in IE8 but only in LOCAL, I make proves in my FTP and run ok.

Author:  piretrus [ Sat Jan 29, 2011 6:16 am ]
Post subject:  Re: div resize to original size when I hover the element

I check again and I see that if don't make the trick that I said, in FTP also, the div (only in IE8) make strange things like resize himself when you make over

PD: Sorry for my english, I hope that you understand it.

Thanks

Author:  piretrus [ Sat Jan 29, 2011 8:49 am ]
Post subject:  Re: div resize to original size when I hover the element

Ok, finally, I know the problem. If a div haven't got height, but contains anhoters elements, until you don't make hover in this div it don't get the height equal to the totally of the elements that it have.

Exemple: id parent have PIE effects

<div id="parent">
<ul>
<li></li>
<li></li>
</ul>
<div class="x">
<p>sadasdasdasd</p>
</div>
</div>

This div parent haven't got a definited height but should have one. When you load the page this dive have height 1px until you move mouse above it

Author:  jason [ Sat Jan 29, 2011 9:45 am ]
Post subject:  Re: div resize to original size when I hover the element

This looks very similar to the bug described here: viewtopic.php?f=3&t=369 -- though that one is specifically in IE7 which is why I asked what version you were seeing it in.

Could you try the workarounds described there and see if one of them works for you?

Author:  piretrus [ Sat Jan 29, 2011 11:32 am ]
Post subject:  Re: div resize to original size when I hover the element

Thanks, I try the second option and works, but there aren't other solution?

Author:  jason [ Sat Jan 29, 2011 12:02 pm ]
Post subject:  Re: div resize to original size when I hover the element

There's no other solution at the moment that I'm aware of. I'm considering adding code like that workaround into PIE itself, to force one last recalc when the page finished loading. I'm not yet set on the details of how that will work: whether it will be done in all versions of IE, whether it will be optional and controlled by a custom css property, etc.

Page 1 of 2 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/