Mit div und css eine Tabelle mit 2 Spalten

Devent

Hallo
wie könnte man den mit Css eine Tabelle mit 2 Spalten erzeugen?
Also versucht habe ich es so:

Code

<div class="tabelle">
    <div class="spalte1">

    </div>
    <div class="spalte2">

    </div>
</div>


div.tabelle
{
    background-color: #0000ff;
}


div.spalte1
{
    float: left;
}


div.spalte2
{
    float: right;
}

Alles anzeigen

Das funktioniert aber nicht ganz, es werden zwar 2 Spalten erzeugt, aber das div.tabelle hat eine Höhe von 0. Ausserdem gibts Probleme von Inhalt der nach div.tabelle kommt.
Ich komm da nicht ganz aufn grünen Zweig, habe schon so manche Css Einstellungen versucht.

mfg devent.

Cpt. Rick

Höhe null ist logisch wenn du nichts anderes angibst!
So wie jetzt passt sich die box dem Inhalt an!

Mach das so:

Code

div.tabelle
{
    background-color: #0000ff;
}


div.spalte1
{
    display: block;
    width: 100px;
    height: auto;
    float: left;
    background-color: #FFFFFF;
    margin-right: 5px;
}


div.spalte2
{
    display: block;
    width: 100px;
    height: auto;


    background-color: #FFFFFF;
}

Alles anzeigen

Ich glaube das float: right kann raus, kann aber auch left sein müssen...da bin ich einw enig raus^^

Jetzt müsstest du eig. ein Resultat erkennen und daraus lernen können...

driver

nur mal so am rande...
du kannst mit css auch ne tabelle mit <table> anlegen...

denn wenn dann gehts nicht css vs table sondern div vs table.

des nurmal am rande bemerkt

Tags