Comments on: IE7 komt eraan! http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/ Visies, ideeën en inspiraties vanaf de Info.nl werkvloer Tue, 18 Nov 2008 09:35:12 +0000 http://wordpress.org/?v=2.6.3 By: Tom http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-490 Tom Mon, 27 Mar 2006 15:30:40 +0000 http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-490 Ik snap het, maar het zo mooier geweest zijn als je voor alle browsers klaar was met louter <code>display: table-row</code>... ;) Ik snap het, maar het zo mooier geweest zijn als je voor alle browsers klaar was met louter display: table-row… ;)

]]> By: Krijn Hoetmer http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-489 Krijn Hoetmer Mon, 27 Mar 2006 14:43:10 +0000 http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-489 <a href="http://krijnhoetmer.nl/stuff/css/hidden-table-rows/" rel="nofollow">Zo dus</a>, maar dan met <a href="http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp" rel="nofollow">conditional comments</a> of <a href="http://www.snook.ca/archives/000562.php" rel="nofollow">een andere smerige hack</a>. Zo dus, maar dan met conditional comments of een andere smerige hack.

]]> By: Krijn Hoetmer http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-488 Krijn Hoetmer Mon, 27 Mar 2006 14:19:27 +0000 http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-488 <blockquote cite="http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-487">Maar soms wil je misschien met JavaScript een onzichtbare tabelrij aanzetten met zoiets als <code>display: table-row</code>?</blockquote>Op dit moment kun je zo'n rij in IE6 gewoon aanzetten met <code>display: block;</code>. Voor Fx/Opera(/Safari?) kun (moet) je <code>table-row</code> gebruiken. Dit werkt ook voor <code>tbody</code> elementen; <code>display: table-row-group;</code> voor goede browsers en <code>display: block;</code> voor IE. Het lijkt me dat <code>display: block;</code> in IE7 nog hetzelfde werkt voor tabellen. In IE is <code>table-*</code> volgens mij echt alleen maar handig voor grid based layouts; VKB was zoveel makkelijker geweest ;)

Maar soms wil je misschien met JavaScript een onzichtbare tabelrij aanzetten met zoiets als display: table-row?

Op dit moment kun je zo’n rij in IE6 gewoon aanzetten met display: block;. Voor Fx/Opera(/Safari?) kun (moet) je table-row gebruiken. Dit werkt ook voor tbody elementen; display: table-row-group; voor goede browsers en display: block; voor IE.

Het lijkt me dat display: block; in IE7 nog hetzelfde werkt voor tabellen.

In IE is table-* volgens mij echt alleen maar handig voor grid based layouts; VKB was zoveel makkelijker geweest ;)

]]> By: Tom http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-487 Tom Mon, 27 Mar 2006 14:00:36 +0000 http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-487 Krijn, je hebt inderdaad gelijk wat betreft attribute selectors. Slechts <a rel="nofollow" href="http://www.microsoft.com/communities/newsgroups/list/en-us/default.aspx?dg=microsoft.public.internetexplorer.general&tid=7182629a-bb3a-466d-ae0b-0acd5e0a1f93">in uitzonderingsgevallen</a> werken zij niet in IE7. Ik ben het met je eens dat er een TABLE-element bestaat en dat je geen <code>table-*</code> in een DIV wilt toepassen. Maar soms wil je misschien met JavaScript een onzichtbare tabelrij aanzetten met zoiets als <code>display: table-row</code>? Krijn, je hebt inderdaad gelijk wat betreft attribute selectors. Slechts in uitzonderingsgevallen werken zij niet in IE7.

Ik ben het met je eens dat er een TABLE-element bestaat en dat je geen table-* in een DIV wilt toepassen. Maar soms wil je misschien met JavaScript een onzichtbare tabelrij aanzetten met zoiets als display: table-row?

]]> By: Krijn Hoetmer http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-486 Krijn Hoetmer Mon, 27 Mar 2006 13:42:52 +0000 http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-486 In plaats van <code>height: 1%;</code> vanaf nu dus gewoon <code>zoom: 1;</code> of <code>display: inline-block;</code> gebruiken om <code>hasLayout</code> te triggeren (voorzover dat nog nodig is). Woki. En <a href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" rel="nofollow">attribute selectors</a> zijn, afaik, <a href="http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx" rel="nofollow">wel opgenomen in IE7</a>. <a href="http://www.mezzoblue.com/archives/2006/03/21/mix06/" rel="nofollow">Dave Shea</a> heeft het ook al over <code>table-*</code> voor grid based layouts. Daar kunnen we het <code>table</code> element in HTML toch gewoon voor gebruiken? :+ In plaats van height: 1%; vanaf nu dus gewoon zoom: 1; of display: inline-block; gebruiken om hasLayout te triggeren (voorzover dat nog nodig is). Woki.

En attribute selectors zijn, afaik, wel opgenomen in IE7.

Dave Shea heeft het ook al over table-* voor grid based layouts. Daar kunnen we het table element in HTML toch gewoon voor gebruiken? :+

]]> By: Tom http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-485 Tom Mon, 27 Mar 2006 11:30:55 +0000 http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-485 Hm, wat is dat voor techniek, een div groeit immers automatisch mee met de content? Ikzelf gebruik de display:table property nooit, maar <a rel="nofollow" href="http://meyerweb.com/eric/thoughts/2006/03/23/ie7-improvements-and-bug-tracking/">volgens Eric Meyer</a> gaat het in feite om de CSS table properties, dus eigenlijk om <code>display: table-*</code>. Hm, wat is dat voor techniek, een div groeit immers automatisch mee met de content? Ikzelf gebruik de display:table property nooit, maar volgens Eric Meyer gaat het in feite om de CSS table properties, dus eigenlijk om display: table-*.

]]> By: Robert http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-484 Robert Mon, 27 Mar 2006 09:43:59 +0000 http://open.info.nl/archief/2006/03/27/ie7-komt-eraan/#comment-484 Ik misbruik de display:table property anders regelmatig om een div mee te laten groeien met de content in IE6? Ik misbruik de display:table property anders regelmatig om een div mee te laten groeien met de content in IE6?

]]>