BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Tabelle via CSS ausrichten » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Tabelle via CSS ausrichten
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Compuholic Compuholic ist männlich
knows where he wants to go tomorrow


images/avatars/avatar-552.jpg

Dabei seit: 19.10.2002
Beiträge: 819
Herkunft: München

Tabelle via CSS ausrichten       Zum Anfang der Seite springen

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.
05.07.2003 22:52 Compuholic ist offline E-Mail an Compuholic senden Homepage von Compuholic Beiträge von Compuholic suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

Achtung       Zum Anfang der Seite springen

Die Tabelle kannste rechtsbündig machen mit der Angabe
margin-left: auto;
für den TABLE-Tag im Stylesheet. Um die Tabelle zu zentrieren, müsste da
margin: auto;
hin.

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

05.07.2003 23:39 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Tabelle via CSS ausrichten

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH