Tables with mixed font size are shown with the columns wrong in Internet Explorer
It is seen in
TextFormattingRules
Image below shows this
I have a fix for it
--
TWiki:Main/KennethLavrsen - 02 Sep 2007
The issue is in the style sheet for twikiTable.
.twikiTable td {
padding:.25em 0.5em;
border-width:1px;
}
.twikiTable th {
border-left-style:solid;
border-width:1px;
padding:.4em 0.5em;
}
The 0.5 em does not work in IE probably because 0.5 em is different depending on text size. If I change it to 6px then I get visually the same result in FF and it works in IE.
--
TWiki:Main/KennethLavrsen - 02 Sep 2007
Fixed. Worked in 4.1.2 so closing
--
TWiki:Main/KennethLavrsen - 02 Sep 2007
The padding is not causing this problem (although it might have been invisible in 4.1.2 due to other settings). Point is that a
pre
inside a table does not work well. IE thinks it is wider than it is and pushes the outer right column further away.
A better solution is to let the
pre
blocks overflow inside a scroller. Until now I couldn't figure this out, but
table-layout:fixed
does the magic. Works in FF, IE6 and IE7 (win) and in FF and Safari (Mac). Downside is that IE7 shows a vertical scroller as well, but that may be solved later.
--
ArthurClemens - 02 Sep 2007