Anfänger: dynamischer hintergrund

[martinr92]

Hiho.

Ich will mir eine Webpage aufbaun.

Dabei hab ich jetzt diesen Code (also header usw sind natürlich vorhanden, hier aber nur mal das Entscheidende):

<div class="main"><div class="top"><div class="bottom">hier kommt dann mal der Text rein</div></div></div>

Dann hab ich noch folgenden CSS-Style dazu:

div.main{
  min-height: 200px;
  min-width: 200px;
  background-image: url(main-back.png);
  background-repeat: y-repeat;
}
div.main div.top{
  background-image: url(main-top.png);
  background-repeat: no-repeat;
}
div.main div.bottom{
  background-image: url(main-bottom.png);
  background-repeat: no-repeat;
}

Und nun zu meinem Problem:
Wie bekomme ich den div.bottom dazu, dass es auch immer unten angezeigt wird?

Danke schon mal im Voraus an alle, die mit weiter helfen können.

 

[_Thor_]

Hier wird es beschrieben.

Footer immer unten anordnen

 

[martinr92]

danke

Hier wird es beschrieben.

Footer immer unten anordnen

danke, funzt super

jetzt hab ich nur leider noch ein anderes Problem:

Ich hab einen DIV-Container in einen anderen DIV-Container:

<div class="A"><div class="B"></div></div>

der Container B soll die gleiche Größe haben wie der Container A.

Aber die Anweisung

width: 100%;
height: 100%;

reagiert leider nicht.

Das Problem hat doch bestimmt schon mal jemand gehabt, aber über die Suche find ich leider nichts.

 

[_Thor_]

Ich weiß ja nicht genau, was du machst, aber so funktioniert es.

<div class="a">
  <div class="b"></div>
</div>

.a {width: 500px; height: 300px; border: 1px solid black;}
.b {width: 100%; height: 100%; background-color: red;}

 

[martinr92]

Ich weiß ja nicht genau, was du machst, aber so funktioniert es.

<div class="a">
  <div class="b"></div>
</div>

.a {width: 500px; height: 300px; border: 1px solid black;}
.b {width: 100%; height: 100%; background-color: red;}

hmm. stimmt so funktioniert es. jetzt ist aber mein problem, dass ich beim .a nicht weis, wie groß die Höhe ist (deshalb hatte ich nur min-height: 500px; stehen und dann funktioniert das height: 100% beim .b nicht mehr)

 

[prm]

Wenn du für B Prozentwerte nimmst, dann brauchen die eine Basis, worauf sie sich beziehen. Das ist in diesem Fall A. Also braucht A entsprechende Wertangaben.
Wozu aber zwei Div's? Das sollte mit einem doch ebenso gut gehen.

 

[martinr92]

Wenn du für B Prozentwerte nimmst, dann brauchen die eine Basis, worauf sie sich beziehen. Das ist in diesem Fall A. Also braucht A entsprechende Wertangaben.
Wozu aber zwei Div's? Das sollte mit einem doch ebenso gut gehen.

Ähm. Wenn ich nur einen DIV mache, dann kann ich aber nicht 2 Hintergrundbilder angeben.

 

[martinr92]

ich habs jetzt gelöst: einfach noch einen Div-Container innerhalb den ganzen anderen machen und dem dann die min-height: 500px; usw. zuweisen.

Danke noch mal an alle, die sich die Zeit nahmen, um mir zu helfen.

PS. Super Forum. Gefällt mir hier.

/Close