asp.net - Internet Exporer 11 rendering table improperly -
on page have table few elements in it, messes in internet explorer 11. appreciated
here looks in vs:
in chrome:
and here ie:
my code:
<table> <tr> <td style="width: 50%; text-align: left"><br /><br /><br /> <asp:label id="lbl_dm_rvi" runat="server" text="sometext rvi"></asp:label><br /> <asp:label id="lbl_dm_odv" runat="server" text="sometext odv"></asp:label> </td> <td style="width: 50%; text-align: right; text"> <asp:label id="lbl_hochrechnung" runat="server" text="hochrechnung_rx_sm_kvbez"></asp:label><br /> <asp:label id="lbl_modul1" runat="server" text="modul 1"></asp:label><br /> <asp:label id="lbl_modul_30" runat="server" text="modul 3.0"></asp:label><br /> <asp:label id="lbl_modul_31" runat="server" text="modul 3.1"></asp:label><br /> <asp:label id="lbl_modul3" runat="server" text="modul 3"></asp:label> </td> </tr> <tr> <td colspan="2"> <img src="klammer.png" style="width: 400px"/> </td> </tr> <tr> <td colspan="2" style="text-align: center"> <asp:label id="lbl_modul2" runat="server" text="modul 2"></asp:label><br /> <asp:label id="lbl_odv" runat="server" text="odv"></asp:label><br /> <asp:label id="lbl_modul2a" runat="server" text="modul 2a"></asp:label><br /> <asp:label id="lbl_modul4" runat="server" text="modul 4"></asp:label><br /> <asp:label id="lbl_modul4a" runat="server" text="modul 4a"></asp:label> </td> </tr> </table>
what see @ first table on ie take full width, other 2 not.
this done because browser did not have same default setting elements.
a quick solution set width on table as
<table style="width: 300px;" >
so not left random.
you can try use "reset css" (like eric meyer’s) thats try bring browser styles same point.
related: what easiest or fastest way make css render same in browsers
Comments
Post a Comment