Hallo Leute. Ich hab ein kleines Problem beim Verschachteln von DIV's und komme einfach nicht auf die Lösung.
Ich habe zwei DIV-Container welche beide ineinander verschachtelt sind.
Der 1. Container soll mir das Hintergrundbild für die Linke-Seite anzeigen und der 2. Container das Hintergrundbild für die rechte Seite. (Aber was diese Container zeigen ist irrelevant)
Wichtig ist zu wissen, dass es zwei ineinander verschachtelte Container gibt.
Diese beiden Container sollen sich wiederum der Höhe aller weiter verschachtelten Container anpassen.
Ein Bild:
Erklärung zum Bild:
Die beiden Verschachtelten Container haben die Farben grün (äußerer Container) und rot (innerer Container).
Der Dynamische Container, an dem sich die anderen beiden Container anpassen sollen besitzt einen schwarzen Rand.
Der HTML-Code:
Das linke Bild wurde mit folgendem CSS-Code generiert:
Das rechte Bild wurde mit folgendem CSS-Code generiert:
Also die DIVs mit der ID out1 und out2 sollen beide gleich groß sein und sich in der Höhe an die innere DIV anpassen.
Leider funktioniert keine der beiden Lösungen.
Evtl könnt ihr mir helfen.
Ich hoffe ihr habe das Problem verstanden und könnt helfen, wenn nicht fragt einfach nochmal nach.
LG Andreas
Ich habe zwei DIV-Container welche beide ineinander verschachtelt sind.
Der 1. Container soll mir das Hintergrundbild für die Linke-Seite anzeigen und der 2. Container das Hintergrundbild für die rechte Seite. (Aber was diese Container zeigen ist irrelevant)
Wichtig ist zu wissen, dass es zwei ineinander verschachtelte Container gibt.
Diese beiden Container sollen sich wiederum der Höhe aller weiter verschachtelten Container anpassen.
Ein Bild:

Erklärung zum Bild:
Die beiden Verschachtelten Container haben die Farben grün (äußerer Container) und rot (innerer Container).
Der Dynamische Container, an dem sich die anderen beiden Container anpassen sollen besitzt einen schwarzen Rand.
Der HTML-Code:
PHP:
<div id="main">
<div id="out1">
<div id="out2">
<div id="inner">
fgfgfg<br>sdsd<br>dsds
</div>
</div>
</div>
</div>
Das linke Bild wurde mit folgendem CSS-Code generiert:
PHP:
#main {
width: 300px;
height: auto;
}
#out1 {
border: 1px solid #00FF00;
width: 300px;
height: auto;
}
#out2 {
border: 1px solid #FF0000;
width: 300px;
height: auto;
}
#inner {
float: left;
border: 1px solid;
width: 200px;
height: 300px;
}
Das rechte Bild wurde mit folgendem CSS-Code generiert:
PHP:
#main {
width: 300px;
height: auto;
}
#out1 {
position: absolute;
border: 1px solid #00FF00;
width: 300px;
height: auto;
}
#out2 {
position: absolute;
border: 1px solid #FF0000;
width: 300px;
height: auto;
}
#inner {
float: left;
border: 1px solid;
width: 200px;
height: 300px;
}
Also die DIVs mit der ID out1 und out2 sollen beide gleich groß sein und sich in der Höhe an die innere DIV anpassen.
Leider funktioniert keine der beiden Lösungen.
Evtl könnt ihr mir helfen.
Ich hoffe ihr habe das Problem verstanden und könnt helfen, wenn nicht fragt einfach nochmal nach.
LG Andreas