html - IE8 table disappearing border-top -


Hello, I have a table with border-top set 2px. It works in every browser, except IE8. CSS:

  & style style = "text / css" & gt; . Mytable {collapse: collapse; Border: 0; Border-top: 2px solid # 43848c; Width: 300px; Margin: 0 2 AM 1 AM; Border bottom: 1px solid # 72afb6; }. Mytable tr {border-color: # 72afb6; Border-width: 1px 0; Border-style: solid; } .metable td {margin: 0; Padding: 8px 10px 7px 10px; Border: 0 solid transparent; Border bottom: 1px solid # 72afb6; Vertical-row: middle; Width: Auto; }. Mytable .the {background-color: # f0f7f5; Color: # 42828b; font-weight: bold; Font-type: normal; Font-size: 14px; Vertical-align: top; } & Lt; / Style & gt;  

HTML:

  & lt; Table class = "mytable" & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; Td square = "and" & gt; Title 1 & lt; / Td> & Lt; Td square = "and" & gt; Title 2 & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> Household Advertising & lt; / Td> & Lt; Td> Household Advertising & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> Household Advertising & lt; / Td> & Lt; Td> Household Advertising & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> Household Advertising & lt; / Td> & Lt; Td> Household Advertising & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> Household Advertising & lt; / Td> & Lt; Td> Household Advertising & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> Household Advertising & lt; / Td> & Lt; Td> Household Advertising & lt; / Td> & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; / Table & gt;  

Thanks! Devin

Your supply code works for me:

Somewhere else Should be ..: (


Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -