Flare 4: Handling of DIV changed - now it's WRONG!

[i-tietz]

I designed a header to be static in the help window - only the rest of the topic is scrollable.
This was my Stylesheet:

Code: Select all

HTML { OVERFLOW: hidden; }
BODY {
	OVERFLOW: hidden; 
	PADDING: 0px;
	MARGIN: 0px;
	font-family: Verdana, Sans-Serif;
	background: white; }

HTML #headerrow {
	MARGIN: 0px;
	height: 30px; 
	BACKGROUND: #eeeeee;
	margin: 0px;
	PADDING: 5px;
	POSITION: fixed;
	RIGHT: 0px;
	LEFT: 0px;
	TOP: 0px;
	TEXT-ALIGN: left; }

#headerrow table { max-height: 30px; }
#headerrow td {
	padding: 2px;
	text-align: center;
	font-size: 8pt; }

HTML #content_container {
	overflow: auto;
	height: 92%; 
	font-size: 0.8em;
	PADDING: 10px;
	margin: 0px;  }

The structure of the topics looks like this:

Code: Select all

<div id="headerrow"> ... </div>

<div id="content_container">
<div id="content"> ... </div>
</div>

This was the result:

divs_with_flare_31.gif

With Flare 4 it looks like this:

divs_with_flare_4.gif

Looking at the MiniTOC thread I can see that the cause is probabaly the incorrect handling of the DIV tag. The overflow is a documented feature of objects like DIVs. But Flare 4 doesn't build helps correctly anymore that include that sort of style.

I'll also post a bug report.

[NorthEast]

Flare v4 changed the styles used for MiniTocs in the output (in MadCap.css), but I'm not aware of anything different in MadCap.css with regards to DIV tags though.

I tried out your stylesheet and code in a blank project and it seems to work fine in both v3 and v4 - the text in div.container isn't obscured by the grey header (see image).
The only issue I noticed was that the bottom button on the scrollbar is obscured (for both v3 and v4).

example.gif