Internet Exporer 11 Rendering-Tabelle falsch

Question

auf meiner Seite habe ich eine Tabelle mit ein paar Elemente drin, aber es vermasselt in Internet Explorer bis 11. Jede Hilfe

geschätzt

Hier ist, wie es in VS aussieht:

In Chrome:

Und hier IE:

Mein 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> 

Answer 1

Was ich an der ersten sehen ist, dass die Tabelle auf IE ist die volle Breite nehmen, die beiden anderen sind es nicht.

Dies wird normalerweise getan, weil sein Browser nicht die gleiche Standardeinstellung für alle Elemente hatte.

Eine schnelle Lösung ist, die Breite auf dem Tisch als

<table style="width: 300px;" > 

, so dass Sie es nicht verlassen zufällig gesetzt.

Sie können auch versuchen, alle "Reset CSS" (like Eric Meyer’s) das ist versuchen, alle Browser-Stile auf den gleichen Punkt zu bringen.

Verwandte: What is the easiest or fastest way to make CSS render the same in all browsers