Hallo,
ich möchte gerne in einem Container einen anderen Container platzieren,
und je nach dem wie groß dieser ist, soll der äußere Container auch
größer werden.
Der innere Container soll aber erst 600 px von der Oberkante des äußeren
Container erscheinen.
Dazu habe ich folgendes geschrieben:
Hier die CSS:
1 | #box_artikel {
|
2 | position: relative;
|
3 | background: blue;
|
4 | background-image: url(top.jpg);
|
5 | background-repeat:no-repeat;
|
6 | min-height: 758px;
|
7 | height: auto !important;
|
8 | height:758px;
|
9 | width: 980px;
|
10 |
|
11 |
|
12 | }
|
13 | #box_artikel_beschreibung{
|
14 | position: relative;
|
15 | background: blue;
|
16 | min-height: 300px;
|
17 | height: auto !important;
|
18 | height:300px;
|
19 | width: 500px;
|
20 | top: 600px;
|
21 | }
|
und hier das HTML
1 | <link rel="stylesheet" type="text/css" ****="style.css" />
|
2 |
|
3 | <div id="box_artikel">
|
4 |
|
5 | </div>
|
6 |
|
7 | <div id="box_abschluss">
|
8 |
|
9 | </div>
|
**** musste ich wegmachen, da sol h r e f hin, wird aber vom Spamfilter
leider gefiltert...
leider funktioniert das ganze aus irgendwelchen Gründen nicht.
Fülle ich den äußeren Container mit text, geht es komischerweiße...
Weiß jemand eine Lösung?
Danke