Author |
Message |
piretrus
Joined: Thu Jan 20, 2011 8:42 am Posts: 40
|
 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:
on hover above div with pie effects:
Do someboy know why?
Thanks
|
Fri Jan 28, 2011 10:03 am |
|
 |
piretrus
Joined: Thu Jan 20, 2011 8:42 am Posts: 40
|
 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!!! 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
|
Fri Jan 28, 2011 1:37 pm |
|
 |
jason
Joined: Wed Jul 14, 2010 11:46 am Posts: 1452
|
 Re: div resize to original size when I hover the element
Do you see this with all versions of IE or just some?
|
Fri Jan 28, 2011 3:58 pm |
|
 |
piretrus
Joined: Thu Jan 20, 2011 8:42 am Posts: 40
|
 Re: div resize to original size when I hover the element
All IE versions
|
Sat Jan 29, 2011 3:10 am |
|
 |
piretrus
Joined: Thu Jan 20, 2011 8:42 am Posts: 40
|
 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.
|
Sat Jan 29, 2011 5:56 am |
|
 |
piretrus
Joined: Thu Jan 20, 2011 8:42 am Posts: 40
|
 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
|
Sat Jan 29, 2011 6:16 am |
|
 |
piretrus
Joined: Thu Jan 20, 2011 8:42 am Posts: 40
|
 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
|
Sat Jan 29, 2011 8:49 am |
|
 |
jason
Joined: Wed Jul 14, 2010 11:46 am Posts: 1452
|
 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?
|
Sat Jan 29, 2011 9:45 am |
|
 |
piretrus
Joined: Thu Jan 20, 2011 8:42 am Posts: 40
|
 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?
|
Sat Jan 29, 2011 11:32 am |
|
 |
jason
Joined: Wed Jul 14, 2010 11:46 am Posts: 1452
|
 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.
|
Sat Jan 29, 2011 12:02 pm |
|
|