Share via

Wie erstelle ich eine Layouttabelle mit CSS?

  • Article

Anbei ein kleines Beispiel wie eine Layouttabelle - statt mit einem <table /> Objekt - mit CSS erzeugt werden kann.

<div style="width: 300px">
    <div style="float: left; width: 100px">
        <p>Login</p>
    </div>
    <div style="float: right; width: 200px">
        <asp:TextBox ID="TextBox1" runat="server" />
    </div>
    <div style="float: left; width: 100px">
        <p>Password</p>
    </div>
    <div style="float: right; width: 200px">
        <asp:TextBox ID="TextBox2" runat="server" TextMode="Password" />
    </div>
    <div style="float: left; width: 100px" />
    <div style="float: right; width: 200px;">
        <asp:Button ID="Button1" runat="server" Text="Login" />
    </div>
</div>

Schöne Grüße
Daniel