I am working to make the web application pure IE8 support while continuing to support IE6. IE8 has an error with an error when the background overlaps and closes the lower border of the table when indents are used in the table.
I am looking for the cleanest workarounds since the lack of a lower border is missing on the login screen.
I am currently inclined to add outline to CSS, as it is only visible in IE 8, as indicated below. I am wondering if anyone has a better suggestion.
(I have to admit that I do not have a Windows identifier to check for sending errors, but I will probably have to create this from home, as there might be something there.)
table.tblcontentinfo { font-family: arial, helvetica, san-serif; width: 350px; border: 1px solid #336699; background-color: #FFFFFF; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 0px; } table.tblcontentinfo td { padding: 2px; }
Html:
<body> <br /> <br clear="all" /> <div style="margin-top: 120px; text-align: center;"> <div id="realpage" style="visibility: hidden; margin-top: 120px; text-align: center;"> <table class="tblcontentinfo"> <form name="l" id="l" method="post" action="check" autocomplete="off" > <tr> <td colspan="2" class="bgtitle"> <span class="texttableheader">Title</span></td> </tr> <tr> <td width="125" class="required alignright">Text1 </td> <td><input name="text1" type="text" class="formfield" size="22" maxlength="8" tabindex="1" /></td> </tr> <tr> <td class="required alignright">Password </td> <td><input name="password1" type="password" class="formfield" size="22" maxlength="8" tabindex="2" /></td> </tr> <tr> <td></td> <td><input name="Submit" type="submit" class="button" value="Submit" /></td> </tr> </form> </table> </div> <div id="msgpage"> Some text </div> </body>
(Yes, the clientele is just being updated now, and at the moment we are an IE-only store, although I would like a neutral browser solution.)
References: # 50 - an error I'm trying to solve IE support css docs (path search)
source share