Thomas Schmieder: Textumfluss um DIV

Beitrag lesen

Hi Rolando, *gg*

<div style="width:100px; border:1px solid #f00; float:right;">
 <div style="width:100px; border:1px solid #f00; float:right;">
 <div style="width:100px; border:1px solid #f00;>

Das funktioniert, hast du etwas Quelltext zur Hand? Bist du etwa mit left/right durcheinandergekommen? Das passiert mir hin und wieder.

Auch sowas hatten wir schon probiert. Ich kopier mir das gelich nochmal in meinen Testordner...

"etwas" Quelltext...  Das Bild fehlt dann natürlich.

<html>

<head>

<title> CSS Möglichkeiten    </title>

<style type="text/css">
<!--
/*body { }*/
#Ueberschrift { position:absolute; top:20px; left:20px; z-index:3;}
#Unterschrift { position:absolute; top:170px; left:20px; z-index:6;}
#Schatten { position:absolute; top:60px; left:24px; width:253; height:103; z-index:4;}
#Grundkoerper { position:absolute; top:50px; left:15px; width:250; height:100; z-index:5;}
#1 { position:absolute; top:0px; left:0px; z-index:1;}
#2 { position:absolute; top:200px; left:50px; width:300px; height:200; z-index:2; float:left; background-color:aqua}
#Seitentext {z-index:7;}
-->
</style>

</head>

<body bgcolor="white" text="black">

<div id="1">   <!-- 1 -->

<div id="2"style="float:left; width:300px;"> <!-- 2 -->

<div id="Ueberschrift" style="background:white; border:solid 0px yellow;">Überschrift</div>
        <div id="Schatten" style="background:gray;">Schatten</div>
        <div id="Grundkoerper" style="background:white; border:solid 2px yellow;">
          <img src="../Carsten Klein/Testbild.gif" width="250" height="100"> </div>
        <div id="Unterschrift" style="background:white; border:solid 0px yellow;">Unterschrift</div>

</div>       <!-- 2 -->

<div id="Seitentext" style="font-family:'Times New Roman',Times,serif"; "font-size:15pt">

Seitentext <br>
  Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
  Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
   Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
  Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
  Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
   Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!! Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
  Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
   Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!! Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
  Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
   Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!! Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
  Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!
   Hier steht dann, was mit
  dem Bild optisch
  wahrgenommen wird,
  in Textform.
  Jede Menge Blindtext muss erzeugt werden, um den Textfluss zutesten.
  Darum diese sinnlosen Zeilen !!!

</div>

</div>         <!-- 1 -->

</body>

</html>

Liebe Grüße aus http://www.braunschweig.de

Tom

--
Intelligenz ist die Fähigkeit, aus Fehlern Anderer zu lernen und Mut die, eigene zu machen.