div entweder breit wie Grafik, ansonsten 15%

[Enrico]

Hallo,

ich habe als Gerüst zwei div-Bereiche rechts und links, die jeweils 15% breit sind, dazwischen einen weiteren div-Bereich, der als Container für die eigentlichen Seiten fungiert und sich an den ausrichtenden div-Bereichen orientiert:

#Container_Links,
   #Container_Rechts
   {
      background: transparent;
      height:     100%;
      left:       0px;
      top:        0px;
      width:      15%;
   }

#Container_Rechts
   {
      left:  auto;
      right: 0px;
   }

#Container_Mitte
   {
      bottom: 0px;
      clear:  both;
      left:   15%;
      min-width:803px;
      right:  15%;
      top:    0px;
   }

Da ich nun aber in den beiden ausrichtenden div-Bereichen ("Container_Links" und "Container_Rechts") jeweils eine Grafik einfügen werde (203px breit), die u.U. breiter als sein kann als die 15%, muss ich nun sicherstellen, dass diese beiden div-Bereiche mindestens so breit sind wie die Grafik, ansonsten 15%.

Genauso muss sich natürlich auch der div-Bereich "Container_Mitte" verhalten, der sich aktuell noch an den 15% orientiert.

Wie kann ich dies mit css umsetzen?

Vielen Dank für eure Hilfe.

Gruß
Enrico

[apsel]

Om nah hoo pez nyeetz, Enrico!

mindestens so breit sind wie die Grafik,

min-width: 203px;

ansonsten 15%.

width: 15%;

Genauso muss sich natürlich auch der div-Bereich "Container_Mitte" verhalten, der sich aktuell noch an den 15% orientiert.

Das wird schwieriger. Hier ist display: table-cell dein Freund.

Matthias

[Enrico]

Hallo Matthias,

Danke für Deine Hilfe :-)

min-width: 203px;
width: 15%;

Gut, die Lösungen liegen oft so nah, dass man sie nicht sieht.

Hier ist display: table-cell dein Freund

Da wäre ich nicht drauf gekommen.

Probier's später gleich mal aus.

Gruß
Enrico