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:

enter image description here

in chrome:

enter image description here

and here ie:

enter image description here

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

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -