CF 9.0.1 cflayout tab - first tab - content height problem in IE 7
In IE 7, the first tab's height is incorrectly rendered - it is the combined height of the up/down arrows in the scroll bar instead of the tab's content. The rest of the tabs are rendered correctly. I am using IE 8, and changed the Document Mode to: "IE 7 Standards." It renders fine in IE 8 or even Quirks mode.
I'm not sure if CF 9.0.1 update created this problem. Can someone test this code on CF 9.0?
Here's a very simple test case - copy/paste this to a new .cfm file and take a look on IE 7 (or IE 7 Standards mode in IE 😎
<cfoutput><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html style='height:100%;'>
<head>
<title>CF Tabs Example</title>
</head>
<body>
</cfoutput><cfajaximport tags="cflayout-tab">
<cflayout type="tab">
<cflayoutarea title="Tab 1">
<cfoutput>
<p>This is the first tab!</p>
<p>This is the first tab!</p>
<p>This is the first tab!</p>
<p>This is the first tab!</p>
<p>This is the first tab!</p>
<p>This is the first tab!</p>
</cfoutput>
</cflayoutarea>
<cflayoutarea title="Tab 2">
<cfoutput>
<p>This is the second tab!</p>
<p>This is the second tab!</p>
<p>This is the second tab!</p>
<p>This is the second tab!</p>
<p>This is the second tab!</p>
<p>This is the second tab!</p>
</cfoutput>
</cflayoutarea>
</cflayout><cfoutput>
</body>
</html>
</cfoutput>
AdChoices