Container soll mitwachsen

[Spooki22]

Hallo,
ich kann leider nirgendwo eine Lösung finden.
Bin totaler Anfänger und komm grad bei einer speziellen Sache nicht weiter.

Wie mach ich es nu, wenn im gelben Container (AP Div) der Text über geht und der grüne Container mitwachsen soll, aber dabei der Hauptcontainer nicht überblendet werden darf, sondern quasi auch mit rutscht

[zulujaner]

Wow das war ja mal ein Ausdruck...

Weiß nicht ob ichs richtig Verstanden hab.
Ich würde es so tun.

Außen ringsum ein Container für alles.
Den kannst du ne Größe geben und auf der Seite ausrichten.
Da drin! 2 Container nebeneinander. Den Menü Container mit einer festen Breite und float:left; Recht daneben legt sich dann der Container Contentbereich.
Nach diesen beiden noch ein div mit clear:left;

Egal welcher der beiden jetzt länger wird, der zieht die gesamte Seite in die Länge. Ohne das was überlappt oder so.

Wenn du mal nach CSS Layout googelst findest du da ne Menge Infos.

Oder schaust du hier und pickst dir ein passendes Layout heraus. Die sind sehr gut beschrieben.

[Spooki22]

;-)


naja.. des funktioniert irgendwie nicht ganz so.
Hab dein Tipp mal getestet, kann das sein das die dann mitwachsen aber nicht proportional? Oder ich check des nur nicht. Und das div mit dem clear:left, wo soll das hin?
Sobald ich mehrere Container aufm Bild drauf schmeiß, hab ich das Gefühl, dass es immer schwieriger wird die unter Kontrolle zu behalten :-)
Ich hab jetzt ne Mischung aus Containern und Tabellen erstellt. Ist zwar auch nicht die schönste Lösung, aber immerhin eine.
Hab auch gelesen das mobile Endgeräte Tabellen nicht wirklich leiden :-(

[max.m]

Hab dein Tipp mal getestet, kann das sein das die dann mitwachsen aber nicht proportional?

Willst Du dass linkes und rechtes Div die gleiche Höhe haben, abhängig vom Inhalt?
Dann sind faux columns Dein Freund.

[Spooki22]

Müsste ich evtl. mal ausprobieren.

Was mich grad "fast" nervt.. =) voll das gefummel, nur weil IE und FF alles anders interpretieren. Wieso können die das nicht einheitlich machen?! :\
Selbst nachdem ich im CSS-Queltext den "reset"
* {
margin: 0;
padding: 0;
}
eingebaut habe, verschiebt sich im IE alles sobald ich padding benutz



...Hab grad bemerkt.. das sich dann meine Hintergrundbilder nimmer strecken.
Also in der Vorschau schaut es supi aus... aber im Browser ist dann n leerer Fleck anstatt mein Hintergrundbild.

Ach, ich bau das neu auf

[MichaelM]

Stell mal das Hintergrundbild in den CSS-Eigenschaften mal so ein:


background-attachment: scroll;