drsoong

Hi

Habe drei Divs nebeneinander:

Div1 => float:left
Div2 => float:left
Div3 => float:right

Div3 kann dynamisch so groß werden, dass es schließlich umbricht.
Das will ich verhindern. Es soll dann eigentlich so sein, dass das Div3

overflow:scroll

bekommt und nur so groß wird wie Platz nach rechts noch vorhanden ist.

Wenn ich das ab Div 2 mit position:absolute stattdessen löse, wächst der alle Divs umgebende Rahmen nicht mehr mit dem Inhalt.

Kann mir mal jemand sagen, wie ich die 3 Divs nebeneinander packe, so dass der Rechte wie beschrieben nur begrenzt wachsen kann und das umgebende Div trotzdem mitwächst?

__________________
Es ist schon alles gesagt. Nur noch nicht von allen.

Mister Ad

nikosch

IMHO nicht vereinbar.

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

drsoong

Ja und nu? Muß doch irgendwie gehen, oder habe ich da etwa rein zufällig die Grenzen von CSS markiert

__________________
Es ist schon alles gesagt. Nur noch nicht von allen.

ChrisB

Wenn überhaupt, dann nur, wenn du dich genauer ausdrückst, und nicht so wischi-waschi.

Soll das umgebende Element in der Breite oder in der Höche „mitwachsen“?
Sollen dessen Maße sich nur aus dem Inhalt ergeben, oder teilweise vorgeben sein/von dessen Vorfahren abhängen?
Haben die links gefloateten Divs feste Maße, oder Inhaltsabhängig?

etc. pp.
Je genauer du beschreibst, wie das ganze aussehen soll - desto zielführender kann man dir auch antworten.
Nur mit schnell dahin getipptem „drei Divs, float, soundso“ geht das eher schlecht.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

nikosch

Ist ja nun nicht sonderlich schwer.
Warum? Ne runde Tabelle gibts auch nicht. „Muß doch irgendwie gehen“ finde ich immer wieder eine sehr merkwürdige Aussage.

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

drsoong

Mann, Mann, Mann. O.K. ich fummele jetzt erst noch mal ein bischen rum. Wenn ich dann noch Mut und Kraft habe, ne Frage zu stellen, komme ich nochmal konzentriert auf Euch zu. Sorry erstmal, dass ich hier aktuell nicht genauer werde. Muß mir selber nochmal kurz überlegen, wie die Specs auszusehen haben.

__________________
Es ist schon alles gesagt. Nur noch nicht von allen.

ChrisB

Ggf. reicht es ja schon aus, das rechte Div einfach nicht zu floaten - mit overflow mit einem anderen Wert als visible bildet es sowieso einen eigenen containing block, befindet sich also neben den nach links gefloateten, und nimmt sich die verbleibende Breite.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

drsoong

Hi

also, habe jetzt selber eine Lösung gefunden:

Es sollten ja 3 Divs nebeneinander, wobei das außen rechts stehende
tierisch anwachsen kann, dabei aber nicht umbrechen soll. Für das Rechte mußte also sowas wie overflow gesetzt werden:

Mal abgesehen von den Details. Der Kern der Lösung besteht darin, dass ich noch ein umgebendes Div mit %-Breite einbaue, das auf overflow:hidden gesetzt wird.

Drin ist dann mein rechtes DIV auf overflow:auto gesetzt. Zu meiner großen Freude klappt das auch ab IE 7 aufwärts.

__________________
Es ist schon alles gesagt. Nur noch nicht von allen.