1 Thema von t/f

  • t/f
  • Mitglied
  • Offline
  • Registrierungsdatum: 05-05-2002
  • Beiträge: 276

Thema: Fließtext um eine Grafik nur bis zur nächsten DIV-Box

Hey Leute,

ich möchte Textboxen bauen mit einer Kopf- und einer Fußzeile. Ich versuche das ganze möglichst ohne Tabellen zu gestalten. In der Kopfzeile soll eine Überschrift oder etwas in der Art zu finden sein.
Die Fußzeile enthält Zeitangaben, Signaturen und dergleichen. Mein Wunsch ist es nun, dass der Textbereich von einem Bild eingeleitet wird und der Text darum herum fließt.
Ich realisiere das, wie gewöhnlich, indem ich align="left" im IMG-Tag setze. Nun fließt der Text um das Bild herum, doch das Bild ragt über die Fußzeile hinaus. Lässt sich das irgendwie verhindern?

Vielleicht nocheinmal anschaulich:

+--DIV-Gesamte-Textbox-----------------------+
|                                            |
| +--DIV-Kopfzeile-------------------------+ |
| |                                        | |
| | Titel ...                              | |
| |                                        | |
| +----------------------------------------+ |
|                                            |
| +-----------+ Fließtext Fließtext Fließtex |
| |           | t Fließtext Fließtext Fließt |
| |   Bild    | ext Fließtext Fließtext Flie |
| |           | ßtext Fließtext Fließtext Fl |
| +-----------+ ießtext Fließtext Fließtext  |
| Fließtext Fließtext Fließtext Fließtext Fl |
| Fließtext Fließtext Fließtext Fließtext Fl |
|                                            |
| +--DIV-Fußzeile--------------------------+ |
| |                                        | |
| | Titel ...                              | |
| |                                        | |
| +----------------------------------------+ |
|                                            |
+--------------------------------------------+

So soll es aussehen. Tut es soweit auch. Wenn der Text allerdings nicht höher ist als das Bild, dann schiebt sich das Bild über die Fußzeile.
Wie macht ihr das? Gibts da eine Lösung ohne, dass ich auf Tabellen zurückgreifen muss?

Beste Grüße
t/f

2 Antwort von t/f

  • t/f
  • Mitglied
  • Offline
  • Registrierungsdatum: 05-05-2002
  • Beiträge: 276

Re: Fließtext um eine Grafik nur bis zur nächsten DIV-Box

Hm, k. Ich hab die Lösung dazu in SelfHTML gefunden. Ich nutze nun CSS und setze float für das Bild und clear für den Beitragsfuß. Das sieht dann so aus:

        <div>
            <div>
            Titel
            </div>
            <img src="..." style="float:left;">
             Fließtext...
            <div style="clear:left">
            Datum
            </div>
        </div>

Was mich jetzt noch stört ist, dass der ganze Fluß verschwindet, wenn ich dem Bild noch einen margin verpassen möchte.
Soweit sogut.

Beste Grüße