Forum: PC-Programmierung CSS, Container im Container


von mike (Gast)


Lesenswert?

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

von mike (Gast)


Lesenswert?

Oh hab den falschen Code gepostet
1
<div id="box_artikel">
2
3
    <div id="box_artikel_beschreibung">
4
5
    </div>
6
</div>

von Läubi .. (laeubi) Benutzerseite


Lesenswert?

Du machst dir höchtwahrscheinlich das Leben schwerer als es ein müsste 
indem du alles mit
1
position: relative;
Und hacks ala
1
height: auto !important;
verzierst.
Hast du es den schonmal mit einem minimalbeispiel ohne drumherum 
probiert? Auch ist es schwer zu beurteilen was du willst und was nicht 
funktioniert. Eventuell ein Bild mit "gewünscht" versus "aktueller 
Zustand...

von Andreas D. (Gast)


Lesenswert?

Nur mal so als kleiner Zwischentipp:
1
    height: auto !important;
2
    height:300px;
macht auf jeden Fall null Sinn. Egal was du treibst, height kann immer 
nur einen Wert haben. Also entweder auto oder 300px.

Ansonsten kann ich Dir noch das Forum von http://de.selfhtml.org/ 
empfehlen. Da bist du mit deiner Frage sicher besser aufgehoben.

von Läubi .. (laeubi) Benutzerseite


Lesenswert?

Andreas D. schrieb:
> macht auf jeden Fall null Sinn.
Zusammen mit min-height schon:
http://www.mortox.de/news/artikel/min-height-fuer-ie6-ohne-hack.html

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.