What is haslayout?

by

It’s a non-standard property on an HTML element which is only supported by IE7 and lower ( IE8 compatability mode too ), which if triggered, causes the element to be rendered in a certain way ( which can be unexpected, random, can be a godsend or can be hell ).

Classic example is giving layout to an element so it can clear floats.

#wrapper { zoom:1; }

The element will now contain floats. Any of these properties and value other than auto/normal will trigger the layout property.

* display: inline-block
* height: (any value except auto)
* float: (left or right)
* position: absolute
* width: (any value except auto)
* writing-mode: tb-rl
* zoom: (any value except normal)

Please have a thorough read @ http://reference.sitepoint.com/css/haslayout

More Related Contents:

  1. Hide scroll bar, but while still being able to scroll
  2. css ‘pointer-events’ property alternative for IE
  3. flex container min-height ignored in IE
  4. CSS-Only Scrollable Table with fixed headers [duplicate]
  5. Select dropdown with fixed width cutting off content in IE
  6. Tools to selectively Copy HTML+CSS+JS From A Specific Element of DOM [closed]
  7. Flexbox alternative for IE9
  8. Div 100% height works on Firefox but not in IE
  9. IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
  10. How to change color of disabled html controls in IE8 using css
  11. Flexbox column-reverse in Firefox, Edge and IE
  12. Remove border from IFrame
  13. How to hide drop down arrow in IE8 & IE9?
  14. Internet Explorer 11 word wrap is not working
  15. Blank iFrame in IE
  16. @font-face not working with specific version of Internet Explorer 11
  17. Internet Explorer and clip-path
  18. Will targeting IE8 with conditional comments work?
  19. IE6 Hover Issue
  20. Div with horizontal scrolling only
  21. How to get horizontal scroll bar in select box in IE?
  22. Trying to work on responsiveness of login form
  23. Is there a tag to turn off caching in all browsers? [duplicate]
  24. How do I get this CSS text-decoration override to work?
  25. Why does position:relative; appear to change the z-index?
  26. Flexbox and Internet Explorer 11 (display:flex in ?)
  27. Changing highlight color
  28. Stretching tag to fill entire
  29. How to forcefully print background image in HTML?
  30. Flex items create space between them when they wrap [duplicate]

Leave a Comment