Background wird nicht erweitert

[matibaski]

Moin!
Habe ein Problem, das sehr wichtig für mich ist:
Ich habe eine Webseite in 6 Container aufgeteilt.

Oben 1 für dne Head, in der Mitte einen und unten einen für den Footer.
Im mittleren Container sind drei weitere Container gefloatet.

Baška voda
(Header ist provisorisch)

Nun habe ich die 4 Container (Mitte -> Links, Zenter, Rechts) mti Stylesheets bedeckt:

.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;
border-right:1px solid black;
padding-top:5px;
background-color:#65ADF5;
}

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

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

Nun ist es so, dass es den Hintergrund nur bis dorthin miteinfügt, wo auch der Text ist. Also links nur bis zum Menü, rechts bis zum Ende der Adresse.

Wieso wird dieser nicht bis nach ganz unten wiederholt?
Kann das an height:auto; liegen?

Wenn jemand eine lösung hat:
Es soll sich auch weiterrepetieren, wenn der min-height überstiegen wird (d.h., wenn es mehr Text hat als die Mindestgrösse).


Ich hoffe, jemand kann mir helfen.
Ich experimentiere inzwischen weiter.



MfG, matibaski

 

[gruenspan]

Mach doch eine div ganz außen rum, und leg da rein den hintergrund

 

[matibaski]

Hab ichschon versucht.
Jedoch ging das nicht.

Ich sehe noch keine möglichkeit :(

Ich hoffe, jemand hat ne Idee.


Mfg, matibaski

 

[gruenspan]

Hab ichschon versucht.
Jedoch ging das nicht.

...ist keine Fehlerbeschreibung. Hinter deinem Link kann ich kein Problem mit dem Hintergrund erkennen. Genauere Beschreibung deines Problems? Screenshot?

 

[matibaski]

TIIM Ivanković
Hier sieht man es im Anhang


MfG, matibaski

 

[N43]

Hallo,

gleich Große divs mit unterschiedlichem Hintergrund geben immer wieder Probleme. Hab's mir jetzt nicht ganz genau durchgeschaut, aber am besten lässt sich das mit 'nem min-height:100% und nem Hintergrundbild als Wrapper um die divs lösen.

#wrapper { min-height:100%;background-image:url();background-repeat:repeat-y }
#left {width:left_size; float:left;}
#middle {float:left }
#right {float:right }
#clearer {height:1px; clear:both }

und

<div id="wrapper">
  <div id="left"> </div>
  <div id="middle"> </div>
  <div id="right"> </div>
  <div id="clearer"> </div>
</div>

Kann sein das ich jetzt auf die schnelle was vergessen hab, schau mir das morgen nochmal an.

N43

 

[matibaski]

Sowas ist eine gute Überlegung, aber da gibts ein Problem beim #wrapper.

Oben ist noch ein Div und unten ein Div für den Footer. Und wenn ich min-height:100%; angebe, dann muss man schon bei der Startseite scrollen -.-


MfG, matibaski

 

[N43]

Sowas ist eine gute Überlegung, aber da gibts ein Problem beim #wrapper.

Oben ist noch ein Div und unten ein Div für den Footer. Und wenn ich min-height:100%; angebe, dann muss man schon bei der Startseite scrollen -.-


MfG, matibaski

Den Header und Footer einfach an den Anfang bzw. das Ende im Wrapper packen. Mit dem Header geht das auf jedenfall, mit Footer hab ich's noch nicht ausprobiert.


N43