Unable to decrease width/height of div in quirks mode for IE9

This is a weird issue that I am facing

In short I am unable to decrease width/height of a div in quirks mode for IE9

Longer description I am using a customized (by myself) dijit.Dialog with dojox.resizeHandle widget.

When it shows for the first time, I can resize it without any problem. However once hidden, on being shown it is not possible to decrease its size, only increase it.

On debugging I found that while sizes were correctly applied in Trace Style, however it wasn't rendering in Layout.

Answers


Finally got the solution, this "weird" behavior is caused because in "quirks" mode "div" which doesn't have "hasLayout" is not able to shrink

Fix is to force "div" element to have "hasLayout" set to true

I did it by setting "zoom" to "1"

dojo.style(this.containerNode,"zoom","1");

http://reference.sitepoint.com/css/haslayout

http://www.satzansatz.de/cssd/onhavinglayout.html

http://msdn.microsoft.com/en-us/library/bb250481.aspx


Need Your Help

MySQL tables on external hard drive

mysql database mysql-management hard-drive

I have a large amount of text data I need to import into MySQL. I'm doing this on a MacBook and don't have enough space for it so I want to store it in an external hard drive (I'm not really concer...

Animated background-position of tiled background-image stops when scrolling horizontally in Chrome

javascript jquery html css

I have a repeating background-image set on the body. I'm animating it using jQuery's animate function so that the background-position-x is constantly changing. The problem is that on Chrome the

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.