Bug #21480
closed
Problem with clearing of floated elements in IE
0%
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
Updated by Jo Hasenau over 14 years ago
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.
Updated by Björn Jacob over 14 years ago
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?
Updated by Jo Hasenau over 14 years ago
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?
Updated by Oliver Hader over 14 years ago
The SVN log points to:
http://forge.typo3.org/repositories/diff/typo3v4-core?rev=2889
And thus to issue #17982
Updated by Oliver Hader over 14 years ago
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.