Background bei "Übergrösse" repetieren

[matibaski]

Moin!
Ich poste mal mein Problem:
http://matibaski.paradoxe.de/TIIM/index.php?lang=de

Klickt mal auf Bilder oder so...

Der hintergrund wird nicht weiter repetiert, im FireFox, wenn es höher ist als die min-height Angabe.

Wie kann man das machen?

In der Mitte ist es ein Container und darin sind 3 gefloatete Container.
Habe Links und Rechts versucht height:auto; hinzufügen, doch es verlängert es nicht.

Im IE ist es glaub OK, bin aber nicht sicher -.-

Hier der CSS Ausschnitt der 4 Container:

-------------------------------------------------
.middle {
text-align:left;
width:916px;
height:auto;
min-height:460px;
border:1px solid black;
border-top:0px;
border-bottom:0px;
background:transparent;
}

.left {
text-align:left;
float:left;
width:167px;
height:auto;
min-height:455px;
max-height:100%;
padding-top:5px;
background-color:#65ADF5;
}

.content {
text-align:left;
float:left;
width:567px;
height:auto;
min-height:450px;
max-height:100%;
border-right:1px solid black;
border-left:1px solid black;
padding:5px;
}

.right {
float:left;
text-align:left;
padding:6px;
width:157px;
height:auto;
min-height:450px;
max-height:100%;
padding:5px;
background-color:#65ADF5;
border-right:3px solid black;
}
--------------------------------------------

Hier vom HTML. Eignetlich logisch:
--------------------------------------------
<div class="middle">
 <div class="left">
  //INclude
 </div>
 <div class="content">
 // INclude
 </div>
 <div class="right">
 // INclude
 </div>
</div>
---------------------------------------------

Ich hoffe, jemand kann mir helfen. Mein Forum html.de wusste nichts dazu

[matibaski]

Nochwas:
Im IE ist es schlimmer. Es repetiert es nur bis dorthin, wo der Inhalt der eingefügten Datei ist.

MfG, matibaski

[basti_p]

Hallo,

warum definierst Du die Hintergundfarbe nicht einfach für den umschliessenden Container ("middle") - dann nur noch den content-Container mit einer weissen Hintergundfarbe ausstatten.

Grüße Basti

[matibaski]

Guter Vorschlag, aber geht auch nicht:
http://matibaski.paradoxe.de/TIIM/index.php?site=bilder&lang=de

Code sieht so aus:
------
.middle {
text-align:left;
width:916px;
height:auto;
min-height:460px;
border:1px solid black;
border-top:0px;
border-bottom:0px;
background-color:#65ADF5;
}

.left {
text-align:left;
float:left;
width:167px;
height:auto;
min-height:455px;
max-height:100%;
}

.content {
text-align:left;
float:left;
width:567px;
height:auto;
min-height:450px;
max-height:100%;
border-right:1px solid black;
border-left:1px solid black;
padding:5px;
background-color:#ffffff;
}

.right {
float:left;
text-align:left;
padding:6px;
width:157px;
height:auto;
min-height:450px;
max-height:100%;
padding:5px;
border-right:3px solid black;
}
------

Geht nicht, aber war eine gute Idee.
Frage dazu: Gibt es eine alternative für min-height für den IE?

--Original:--

Hallo,

warum definierst Du die Hintergundfarbe nicht einfach für den umschliessenden Container ("middle") - dann nur noch den content-Container mit einer weissen Hintergundfarbe ausstatten.

Grüße Basti

[basti_p]

Hallo,

Du hast den div "all" auf eine Höhe von 575px festgelegt - nimm diese Angabe mal raus.

Grüße Basti

[matibaski]

/* Container */
.abstand {
text-align:left;
width:918px;
height:20px;
}

.top {
text-align:left;
width:918px;
height:141px;
}

.middle {
text-align:left;
width:916px;
height:auto;
min-height:460px;
border:1px solid black;
border-top:0px;
border-bottom:0px;
background-color:#65ADF5;
}

.left {
text-align:left;
float:left;
width:167px;
height:auto;
min-height:455px;
max-height:100%;
}

.content {
text-align:left;
float:left;
width:567px;
height:auto;
min-height:450px;
max-height:100%;
border-right:1px solid black;
border-left:1px solid black;
padding:5px;
background-color:#ffffff;
}

.right {
float:left;
text-align:left;
padding:6px;
width:157px;
height:auto;
min-height:450px;
max-height:100%;
padding:5px;
border-right:3px solid black;
}

.bottom {
clear:both;
text-align:center;
width:918px;
height:30px;
}

So sind nun alle Container. Habe des #all weggelassen.

MfG, matibaski

[wahsaga]

hi,

Frage dazu: Gibt es eine alternative für min-height für den IE?

Ja, height.
(Für IE <= 6.)

gruß,
wahsaga