Umbruch von zwei Divs verhindern

[Nanatsusaya]

Hi

ich hab wieder ein Problem mit div-tags. Und zwar habe ich ein div-tag mit variabler breite. In diesem div-tag ist ein div linksbündig angebracht und eins rechtsbündig. Wenn ich das browserfenster nun So weit verkleinere dass die zwei divs sich berühren bricht das rechte div um. Bislang hab ich die zwei über float:left und float:right angeordnet, overflow-attribute bringen nichts und die anordnung über margin auch nicht.

Wie krieg ich es so hin dass das rechte div einfach stoppt wenn es das linke erreicht hat und vom browser dann einfach abgeschnitten wird?

Gruß
Natse

[Niji-chan]

hat denn das umschließende Div eine feste Höhe?

oder gib dem noch ein "overflow: auto;"

[Nanatsusaya]

hat denn das umschließende Div eine feste Höhe?

oder gib dem noch ein "overflow: auto;"

...

Das div hat ne feste Höhe und overflow=auto bringt auch leider gar nichts, wie alle anderen overflow werte. ;__;

[drunken monkey]

Wenn du meinst, was ich glaube, dass du meinst, nämlich, dass du den automatischen Zeilenumbruch im rechten div verhindern willst, nimm "white-space: nowrap;". Wenn nicht, dann nicht. ^^'

[Antares]

Hast du es mit Overflow auch schon im folgenden Sinne versucht?

HTML-Code:

<div style="width: (div1 + div2); overflow: hidden;">
Die Divs
</div>

[Nanatsusaya]

Wenn du meinst, was ich glaube, dass du meinst, nämlich, dass du den automatischen Zeilenumbruch im rechten div verhindern willst, nimm "white-space: nowrap;". Wenn nicht, dann nicht. ^^'

...

Hm ich will nicht den Zeilenumbruch IM rechten div verhindern, sondern den VOM rechten div. Naja mit whitespace scheint es jedenfalls auch nicht zu funktionieren.

Hast du es mit Overflow auch schon im folgenden Sinne versucht?

HTML-Code:

<div style="width: (div1 + div2); overflow: hidden;">
Die Divs
</div>

...

Das funktioniert isofern nicht weil ich keine absolute Breite des divs angeben will. Naja aber mit overflow:hidden bricht das rechte div zumindest nicht mehr um, allerdings wird es nicht abgescnitten sondern verschwindet komplett wenn ich das Broserfenster zu klein mache.

[Antares]

Da deine Divs laut deiner Aussage variabel sind, könnte folgender Code klappen:

HTML-Code:

<div style="width: <?= $div1 + $div2 ?>; overflow: hidden;"> Die Divs </div>

[Maisaffe]

Da deine Divs laut deiner Aussage variabel sind, könnte folgender Code klappen:

HTML-Code:

<div style="width: <?= $div1 + $div2 ?>; overflow: hidden;"> Die Divs </div>

...

Erklär mal den Code bitte.
Startet dann nicht der PHP Parser und vertilgt den <? ?> Bereich?

[Antares]

Erklär mal den Code bitte.
Startet dann nicht der PHP Parser und vertilgt den <? ?> Bereich?

...

Eigentlich wurde nur eine Variable per Shorttag in den Html Code eingefügt. Sofern die Datei eine PHP Datei ist, sollte nichts schief gehen.