Bug #21480
closed
Problem with clearing of floated elements in IE
Added by Björn Jacob over 14 years ago.
Updated over 14 years ago.
Description
When displaying inline records there's a problem in internet explorer. I've tested it with the recent version (IE 8). In my case the inline records are not cleared properly. They are all displayed side by side. As soon as you expand the record the whole design is messed up.
Can someone confirm this behaviour?
(issue imported from #M12489)
Files
Confirmed for IE8/WinVistaUltimate.
It seems that it stopped working in 4.2.8.
4.2.6 is working as expected, which is why I didn't notice this bug, even though I have been working on the ICEbox, since the development server was still running 4.2.6.
I've tried to isolate the html / css but I couldn't find any floated element. The elements are surrounded by divs. The elements themselves are tables. Some divs use position: relative but this shouldn't be a problem.
Now I've checked the problem with the IE8 built in developer tool. I've found a div with class="inlineDivMSIE" (.typo3-TCEforms DIV.inlineDivMSIE). The style includes display="inline-block". I've removed this style and now it works. I had no chance to check it with IE 7 and lower. So what can we do?
AFAIK these elements never where intended to be put "inline" even though the function is called "inline relational record editing"
The default behaviour is to show each item as a block followed by the next item as a block below.
Can anyone explain who introduced this style and when?
I created a patch that handles everything higher than IE7 without the inline-block.
It's not the shiny solution, however it works with IE8 now.
Committed to SVN Trunk (rev. 6579)
Also available in: Atom
PDF
Updated by 
Updated by 
Updated by