FEHC (Fake Equal Height Columns) Research

Equal Height Columns

• Equal height columns with css (Hubert Florin 2009 May)
  Interestingly the comment by buckthorn 2010 March
• Four Methods to Create Equal Height Columns (Raja Sekharan 2009 buildinternet.com)
  CSS diplay table supprt: Safari 3 and Chrome 1 need table-row, fixed in later versions. IE 7 and less no support.
• Equal Height Columns with Cross-Browser CSS (Matthew James Talyor 2008 matthewjamestaylor.com)
• Equal Height Columns using CSS (Ed Eliot 2009 ejeliot.com)
• Really simple CSS trick for equal height columns (Antonio Lupetti 2009 woorkup.com)
• Equal height boxes with CSS (Roger Johansson 2004 456bereastreet.com)
• Equal height columns - companion columns method (Ingo Chao 2008 satzansatz.de)
• How to Make Equal Columns in CSS (Paul OB 2007 February search-this.com)
• Equal Height Columns - revisited (Alex Robinson 2005 October positioniseverything.net)

IE6 cannot do 100% height on an absolutely positioned element within a relative positioned element with no height defined in pixels. IE 5.5 did when I tested as long as the relative positioned element had a height of 1px set, the element expands anyway and then the absolutely positioned element can fill with 100% height.

CSS Compatibility

• Compatibility Master Table (quirksmode.org)
• CSS Compatibility and Internet Explorer (msdn.microsoft.com)
• CSS Browser Support (iPhone, IE8, IE7 Compliance Mode, FF 3.5 beta & Safari 4 Beta included) (evotech.net)
• Compatibility table: CSS3 Selectors (css3.info)

IE7 Inherit Workaround

• get CSS rule's percentage value in jQuery (dalbaeb 2009 stackoverflow.com)
• IEContentLoaded – An alternative for DOMContentLoaded on Internet Explorer (Diego Perini 2007 javascript.nwbox.com)
• onpropertychange Event (msdn.microsoft.com)

IE Hacks

• IE7 only CSS hacks: Explained (evotech.net)
• CSS Hacks (webdevout.net)

Before and After Pseudo Classes

• :before and :after in IE7 and below (Nanobot 2006 July)
• Firefox 3.5 for developers (MDC 2010 June developer.mozilla.org) - prior to Firefox 3.5 :before and :after would not allow position:absolute and a couple of other styles

Negative Margin Bug

• Negative Margin Bug (Zoffix Znet 2009 July haslayout.net)

MS Only onresize Event

• onresize Event (msdn.microsoft.com)

Bandwidth Throttlers

• Sloppy - the slow proxy for dial-up modem speed simulation (dallaway.com)
  • Had no luck with this until I realised that my firewall settings were a bit off in Zonealarm
• Firefox plugin to simulate slow internet connection or limit bandwidth? (Greg 2009 January stackoverflow.com)

hasLayout

• On having layout — the concept of hasLayout in IE/Win (2008 November satzansatz.de)

setInterval

• window.setInterval (Nickolay 2010 March developer.mozilla.org)
• setTimeout or setInterval (Stephen Chapman javascript.about.com)

IE 6, overflow and position:relative

• Overflow & position:relative (Bruno brunildo.org)