CSS - Spalten auf gleicher Höhe

Hallöschen,

ich sitz jetzt seit knapp 4 Stunden an nur einem Problem:

Ich möchte, dass 2 Div's die gleiche Höhe haben.

Eine Skizze dazu habe ich im Anhang:

Unbenannt-1.jpg

Der Quellcode:

#feld{
width: 700px;
background-image: url(img/bg_content.png);
min-height: 716px;
background-attachment: scroll;
}




#widget{
width: 250px;
height: 100%;
float:right;
background-image: url(img/bg_content.png);
}




#inhalt{
width: 80%;
margin: auto auto auto auto;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */ 
}

Habt ihr eine Idee?

Viele liebe Grüße

Hey,

danke für deine Antwort!

Die beiden Container befinden sich doch in dem Div #Inhalt.

..und #Feld ist ja nicht immer gleich hoch, da ich Wordpress nutze und die Beiträge nicht immer die gleiche Wortlänge haben usw

Hm nein leider auch nicht

Ich habs mal mit Faux Columns versucht, aber irgendwie ist da nur der Hintergrund so gemacht, dass es so aussieht.

Nein, nein

Ich möchte das selbst erstellen das Layout bzw. ist ja schon fast fertig, bloß diese Spalten machen mich irre.

Bei den Beispielen auf SelfHTML sind die ja auch alle, außer das dreispaltige Layout, unterschiedlich groß...

Okay, das mit dem Margin änder ich

Ich probier das heute Abend gleich mal aus.

Bisher hab ichs mit folgendem gelöst:

#inhalt{
padding-bottom: 1000px;
margin-bottom: -1000px;
}
#widget{
padding-bottom: 1000px;
margin-bottom: -1000px;
}
#inhalt{
overflow:hidden;
}

Danke für euren Beiträge, falls ihr noch mehr Lösungen habt..her damit

Soo also ich hab nun mal den Code mit den table ausprobiert.

Funktioniert leider nicht, da sich dann das ganze Design verschiebt und alles.

Es ist eine ganz normale Sidebar von Wordpress. Um jedes Widget ist da ein Div soweit ich weiß..