Tabelle positionieren

wapplegraph · #1 (**permalink**) 31.05.2008, 15:18

Hallo zusammen

Ich habe ein kleines Problem: Heute werde ich von CSS einfach verarscht.
Ich möchte eine kleine Tabelle in der Mitte meines #contents platzieren, doch sie liegt irgendwie weiss ich nicht wo, ausserhalb des #content divs.

Hier der Quelltext:

Code:

<div class="wrapper_text">

<table id="t1">
    <tr>
        <td class="green">Baum</td><td class="yellow">Werk</td><td class="violett">Sta<sup>dt</sup>/<sub>tt</sub></td>
    </tr>
    <tr>
        <td class="yellow">Werk</td><td class="violett">Sta<sup>dt</sup>/<sub>tt</sub></td><td class="green">Baum</td>
    </tr>
    <tr>
        <td class="violett">Sta<sup>dt</sup>/<sub>tt</sub></td><td class="green">Baum</td><td class="yellow">Werk</td>
    </tr>
</table>

<p class="center">Statt <span class="green">Baum</span> Bäume</p>
<p class="center">Statt <span class="violett">Stadt</span> Stadtbäume</p>
<p class="center">Statt <span class="yellow">Werk</span> Baumwerke</p>

</div>

Code:

/* --- Baumwerkstadt --- */


table#t1
    {
    width:400px;
    margin-right:30px;
    
    font-weight:bold;
    font-size:14pt;
    }
    
.green
    {
    color:#339966;   
    font-weight:bold;
    font-size:14pt; 
    }
    
.yellow
    {
    color:#FF9900;
    font-weight:bold;
    font-size:14pt;
    }
    
.violett
    {
    color:#993366;
    font-weight:bold;
    font-size:14pt;
    }

Hier wäre noch der Link: Lernen @ Natur - Raum.ch

Ich wäre froh um eure Hilfe.

Merci wapplegraph

fricca · #2 (**permalink**) 31.05.2008, 15:23

Du hebst das Float der Navigation nicht auf, darauf reagiert die Tabelle.
Du brauchst clear, z.B. für #content.

wapplegraph · #3 (**permalink**) 31.05.2008, 15:31

Hallo

Merci, nun klappt es.
Konnte jedoch die Tabelle nich automatisch einmitten, doch dies ist nicht so schlimm.

Merci wapplegraph

fricca · #4 (**permalink**) 31.05.2008, 15:56

Eine Tabelle ist ein Blockelement. Sie lässt sich ebenso zentrieren, wie deine anderen Blockelemente auch, z.B. #wrapper...

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Positionieren in einer Tabelle	ELeX	CSS	7	23.07.2009 11:32
Fußzeile unter Tabelle, bzw. Layer positionieren	Dylan	CSS	13	11.10.2007 16:44
DIV prozentual zur Tabelle positionieren	Bubbleman	CSS	2	11.07.2007 23:43
Bild unter Tabelle positionieren	Gloem	CSS	9	18.07.2006 16:41