Jens Semmer: rechsausgerichtete Layer & die Browser

Hallo,

vielleicht hat von Euch jemand noch einen Tip für mich:

ich habe einen Bereich mit <div style="float:right;..."> am rechten Browserrand ausgerichtet. Funktioniert soweit alles recht gut. Im IE und NS sieht das ganze auch passabel aus.

Nur Opera macht mit dem nachfolgenden Text leichte Probleme.

So gehen z.B. horizontale Trennleisten in den <div>-Bereich hinein, was nicht sehr schön wirkt ;-).

Bin für jede Idee dankbar.
Jens

  1. Hallo Jens,

    hast Du's mit <p style="clear:right">...</p> schon versucht? Ab einem so gekennzeichneten Absatz müßte der folgende Text dann wieder über die ganze Breite laufen. Netscape 4.x hat allerdings Probleme damit...

    Hilft Dir das weiter? Sonst wäre ein Link gut, um einen Blick auf Deinen Quellcode zu werfen...

    Herzliche Grüße,
    Meg

    1. Hi,

      hast Du's mit <p style="clear:right">...</p> schon versucht? Ab einem so gekennzeichneten Absatz müßte der folgende Text dann wieder über die ganze Breite laufen.

      Das würde das Gegenteil erreichen, von dem was ich vorhabe ;-) das Problem ist, das der nachfolgende Bereich neben dem <div>-Tag _angeordnet_ werden soll, aber _nicht_ wie z.B. mit HR passiert in den DIV-Tag rechterhand hineinläuft.

      Grüße

      1. Hallo Jens,

        okay, Mißverständnis... ;o)

        Weitere Überlegung: es vielleicht mit zwei divs versuchen, die nebeneinander angeordnet sind. Dann kannst Du es so einstellen, daß der Inhalt nicht über den Rand des divs hinausgehen darf (mit overflow:hidden).

        Für mehrspaltige Layouts mit CSS (garantiert "tabellenfreie Zone") gibt es ein paar sehr gute Beispiele auf den folgenden Seiten (die Links hab ich heute schon mal gepostet *g*):

        http://www.bluerobot.com/web/layouts/
        http://glish.com/css/
        http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

        Vielleicht ist da ja auch was für Dich dabei?

        Herzliche Grüße,
        Meg