Div-Container verschiebt sich immer automatisch nach unten

[Karli]

Hallo zusammen

Hab ein Problem mit meinem 3-spältigem Layout.
Ich hab cont-left cont-center und cont-right.

So aufgebaut:

#cont_left   {
      width:180px;
      min-height:412px;
        height:auto !important;  /* für moderne Browser */
        height:412px;  /*für den IE */
         background-color: #e1dfe0;
         float:left;
      position: relative;
     }

#cont_center  {
      width:740px;
      min-height:412px;
        height:auto !important;  /* für moderne Browser */
        height:412px;  /*für den IE */
      background-color: #eae8e9;
      margin: 0px 4px 0px 182px;
      position: relative;
      padding-left:5px;
      padding-right:5px;
     }

#cont_right   {
      width:167px;
      min-height:412px;
        height:auto !important;  /* für moderne Browser */
        height:412px;  /*für den IE */
      background-color: #eeebec;
      margin: 0px 4px 0px 934px;
      padding-top:0.3px;
      padding-left: 5px;
      padding-right: 5px;
      position:relative;
     }

Leider wird der rechte immer unterhalb dargestellt. Was mache ich falsch?

Gruss Karli

[Karli]

Noch einige Erklärungen:

Content ist der Container für die 3 Spalten.

#content   {
      width:1109px;
      min-height:414px;
        height:auto !important;
        height:414px;
      margin: 2px 0px 0px 6px;
     }

Die linke Spalte.
#cont_left   {
      width:180px;
      min-height:412px;
        height:auto !important;
        height:412px;
      background-color: #e1dfe0;
      float:left;
      position: absolute;
     }

Die mittlere Spalte, in die der Inhalt kommt.
#cont_center  {
      width:240px;
      min-height:412px;
        height:auto !important;
        height:412px;
      background-color: #eae8e9;
      margin: 0px 4px 0px 182px;
      position: absolute;
      padding-left:5px;
      padding-right:5px;
     }

Die rechte Spalte
#cont_right   {
      clear: both;
      width:667px;
      min-height:412px;
        height:auto !important;
        height:412px;
      background-color: #eeebec;
      margin: 0px 4px 0px 434px;
      padding-top:0.3px;
      padding-left: 5px;
      padding-right: 5px;
      position:absolute;
     }

Ich möchte nun, dass diese Spalten alle gleich hoch sind, je nach Inhalt. krieg es leider nicht hin und habe schon mehrere beispiel-CSS verwendet und es damit auch nicht geschafft. Habt ihr eine Idee?

Wäre super wenn mir jemand helfen könnte!

Karli

[Christian Zill]

Hi,

Kleiner Augenblick, ich hatte da mal was Ähnliches...

&<  -------------------------------------------------------------------------------------------------------------------

Quellcode:  http://zinux.de/selfhtml/3col/3col_src.htm

zum Ausprobieren:  http://zinux.de/selfhtml/3col/3col.htm

&< --------------------------------------------------------------------------------------------------------------------

Ist noch nicht perfekt, abr so die Richtung?

Freundliche Grüße aus KL
Christian

[Engin]

Hi Karli,

Ich möchte nun, dass diese Spalten alle gleich hoch sind, je nach Inhalt. krieg es leider nicht hin und habe schon mehrere beispiel-CSS verwendet und es damit auch nicht geschafft. Habt ihr eine Idee?

Klingt ein wenig nach faux columns, evtl. in der Richtung suchen.

Oder aber CSS Frames, geht auch in die Richtung.

Oder aber ich hab dich falsch verstanden und du suchst nur ein Dreispaltiges Layout.

Hoffe da ist was nützliches für dich dabei.

Grüße aus H im R,
Engin