This link has been bookmarked by 117 people . It was first bookmarked on 02 Mar 2006, by adrienne travis.
-
27 Oct 09
-
05 Oct 09
-
hasLayoutis set totrue -
not having “layout” can include
- 3 more annotations...
-
-
Default layout elements
-
The following CSS property/value pairs will, if applied, allow an element to gain layout.
-
zoom: any value other than 'normal'
-
-
-
15 Sep 09
-
30 Aug 09
-
31 Jul 09
Jeff TuckerA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element 'layout'. This leads to a question of why 'hasLayout' can change the rendering of, and the relationships between elements. In this article, the authors focus on some aspects of this complicated matter.
css webdesign hacks haslayout reference ie howto html webdev
-
11 Jul 09
-
01 Jul 09
10base TomA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.”
-
04 Jun 09
-
25 May 09
-
07 Apr 09
-
01 Apr 09
Felipe LavínA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or height.
css ie hacks layout reference webdesign design hack bugs for:bcaceres
-
19 Mar 09
-
17 Mar 09
-
06 Mar 09
-
26 Feb 09
-
20 Feb 09
The Favorista'Microsoft developers decided that elements should be able to acquire a “property” (in an object-oriented programming sense) they referred to as hasLayout, which is set to true when this rendering concept takes effect.'
(netvouz_import) browser bug code css hack html internet_explorer software web_design
-
17 Feb 09
-
05 Feb 09
-
01 Jan 09
-
“Layout” is an IE/Win proprietary concept that determines how elements draw and bound their content, interact with and relate to other elements, and react on and transmit application/user events.
-
The following CSS property/value pairs will, if applied, allow an element to gain layout.
- 5 more annotations...
-
-
display: inline-block
-
other than 'auto'
-
more often the trigger when hasLayout does things wrong.
-
.gainlayout { _height: 0; }
-
<!--[if lte IE 6]><style>.gainlayout { height: 1px; }</style><![endif]-->
-
-
-
01 Dec 08
Sergio MoraA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or height.
-
26 Nov 08
-
11 Nov 08
-
Unlike standard properties, or even proprietary CSS properties available in different browsers, layout is not directly assigned via CSS declarations. In other words, there is no “layout property.” Certain elements automatically “have layout” and it is quietly added when various CSS declarations are made.
-
The following elements appear to have layout by default.
- 6 more annotations...
-
-
The following CSS property/value pairs will, if applied, allow an element to gain layout.
-
Applying layout is probably the only real effect of this property.
-
width: any value other than 'auto'
- This is often an implicit fix, more often the trigger when hasLayout does things wrong
-
height: any value other than 'auto'
- height: 1% is used in the Holly Hack
-
For inline elements (either inline by default like
span, or havingdisplay: inline) -
widthandheighttriggerhasLayoutin IE 5.x and IE 6 or newer in quirks mode only
-
-
-
25 Oct 08
-
21 Oct 08
-
13 Oct 08
-
11 Oct 08
-
08 Oct 08
-
11 Sep 08
Pierpaolo FolliaA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or height.
-
A lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or height. This leads to a question of why “layout” can change the rendering of and the relationships between elements. The question, albeit a good one, is hard to answer. In this article, the authors focus on some aspects of this complicated matter. For more thorough discussions and examples, please refer to the links provided.
-
-
19 Aug 08
-
14 Jul 08
-
18 Jun 08
-
30 May 08
-
15 May 08
-
20 Apr 08
-
05 Apr 08
-
27 Mar 08
-
24 Mar 08
-
21 Mar 08
-
20 Mar 08
-
13 Mar 08
-
10 Mar 08
Guy CarberryA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.”
-
16 Feb 08
-
29 Jan 08
-
28 Jan 08
David BobzienA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or
bug code css design development hacks howto html IE IE6 webdesign
-
14 Jan 08
-
10 Jan 08
-
24 Dec 07
-
width, height(to 'auto')max-width, max-height(to 'none') (in IE 7)position(to 'static')float(to 'none')overflow(to 'visible') (in IE 7)zoom(to 'normal')writing-mode(from 'tb-rl' to 'lr-tb')
-
-
01 Dec 07
Francisco Javier Alcala-SolerIn-depth article on triggering HasLayout on IE. Good analysis of consequences for individual CSS properties and HTML elements.
-
14 Oct 07
-
25 Sep 07
-
21 Aug 07
-
23 Jul 07
-
10 Jul 07
-
10 May 07
-
03 May 07
-
25 Apr 07
-
22 Apr 07
-
12 Apr 07
-
10 Apr 07
-
01 Apr 07
-
hasLayout
-
-
20 Mar 07
-
09 Feb 07
-
13 Jan 07
Alan LevineA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.”
-
17 Dec 06
-
12 Nov 06
-
02 Nov 06
-
19 Oct 06
Rob SchulerA lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element 'layout'. This leads to a question of why 'hasLayout' can change the rendering of, and the relationships between elements. In this article, the authors focus on so...
-
15 Sep 06
-
01 Sep 06
-
29 Aug 06
-
26 Aug 06
Lindsay DonagheA good list of options on how to trigger hasLayout in IE, including for IE 7.
codesnippets crossbrowser css development ie troubleshooting web
-
widthandheighttriggerhasLayoutin IE 5.x and IE 6 or newer in quirks mode only. As of IE6, when the browser is in “standards-compliance mode” inline elements will ignore the width and height properties, and setting the width and height properties will not cause the element to have layout. -
A lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.”
John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or height. - 4 more annotations...
-
-
- Many common IE float bugs.
- Boxes themselves treating basic properties differently.
- Margin collapsing between a container and its descendants.
- Various problems with the construction of lists.
- Differences in the positioning of background images.
- Differences between browsers when using scripting
Consequences of an element having, or not having “layout” can include:
-
The following CSS property/value pairs will, if applied, allow an element to gain layout.
position: absolute- Refers to its containing block, and that's where some problems begin.
float: left|right- The float model has a lot of quirks due to some aspects of a layout element.
display: inline-block- Sometimes a cure when the element is at inline level and needs layout. Applying layout is probably the only real effect of this property. The “inline-block behaviour” itself can be achieved in IE, but quite independently: IE/Win: inline-block and hasLayout.
width: any value other than 'auto'- This is often an implicit fix, more often the trigger when hasLayout does things wrong.
height: any value other than 'auto'- height: 1% is used in the Holly Hack.
zoom: any value other than 'normal'(MSDN)- MS proprietary, does not validate.
zoom: 1can be used for debugging. writing-mode: tb-rl(MSDN)- MS proprietary, does not validate.
-
As of IE7, overflow became a layout-trigger.
overflow: hidden|scroll|auto- This property did not apply in prior versions, unless “layout” was added to the box by other triggers.
overflow-x|-y: hidden|scroll|auto- As part of the CSS3 box model module, overflow-x and -y are not widely implemented yet. They did not trigger hasLayout in prior versions of IE.
-
Elements having both “layout” and
display: inlinebehave in a similar way as what the standards say about inline-block: they flow horizontally like words in a paragraph, are sensitive to vertical align, and apply a sort of shrink-wrapping to their content. As soon as the inline elements have layout, they act as inline-block, this is an explanation why, in IE/Win, inline elements can contain and hold block-level elements with less problems than in other browsers, wheredisplay: inlineremains inline.
-
-
-
03 Aug 06
-
25 Jul 06
-
21 Jul 06
-
30 Jun 06
Caspar Van der LindenExplanation on the hasLayout feature of IE6 in order to fix CSS bugs.
-
A lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or height. This leads to a question of why “layout” can change the rendering of and the relationships between elements. The question, albeit a good one, is hard to answer. In this article, the authors focus on some aspects of this complicated matter. For more thorough discussions and examples, please refer to the links provided.
-
-
16 Jun 06
-
03 Jun 06
huangyuching在 IE 中幫 div 設定 position:relative 的話，可以讓他 hasLayout，可以避免很多 collapsing margins 的麻煩。
-
12 May 06
-
23 Feb 06
-
A lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.†John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,†meaning that they can often be solved by applying a width or height. This leads to a question of why “layout†can change the rendering of and the relationships between elements. The question, albeit a good one, is hard to answer. In this article, the authors focus on some aspects of this complicated matter. For more thorough discussions and examples, please refer to the links provided.
-
-
09 Feb 06
-
07 Feb 06
-
06 Jan 06
nathan arnoldInteresting IE-tips -- give an element "layout" to resolve IE inconsistencies
-
03 Jan 06
-
01 Nov 05
-
26 Sep 05
-
14 Sep 05
-
01 Sep 05
-
20 Aug 05
Page Comments
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.