BlackBoard | Druckvorschau: Tabelle via CSS ausrichten

Geschrieben von Compuholic am 05.07.2003 um 22:52:

Tabelle via CSS ausrichten

Ich hab da ein kleines Problem mit CSS. Ich habe eine Tabelle, die ich am rechten Bildschirmrand ausrichten will.
Im HTML Dokument ist die Tabelle folgendermaßen definiert:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

<div class="search">
        <table>
                <tr><td>
                <form action="index.php" method="get">
                        Ergebnisse sortieren nach: 
                        <input type="radio" name="field" value="title">Titel
                        <input type="radio" name="field" value="interpret">Interpret<br>
                        Suchen nach: <br>
                        <input type="text" name="search">
                        <input type="submit" value="Suchen">
                </form>
                </td></tr>
        </table>
</div>

In einer separater Datei ist die Klasse "search" definiert:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

div.search
        {
                text-align: right;
                margin: auto;
        }

div.search table
        {
                vertical-align: middle;
                background-color: #8080FF;
                //position: relative;
                //left: 50%;
                width: 50%;
                border-style: 2px solid orange;
                padding: 6px;
        }

Die auskommentierten Zeilen markieren einige der Optionen die ich auch schon ausprobiert habe. Das Problem: Die Tabelle bewegt sich nicht von der Stelle. Wenn ich aber in "div.search table" noch "margin: auto;" hinzufüge, dann ist die Tabelle in der Mitte zentriert. Wie kann ich jetzt die Tabelle so ausrichten, als ob ich direkt in der HTML-Datei <table align="right"> angeben würde.