Mssmar: Zweispaltiger Bereich mit float

Beitrag lesen

SELF-Forum

Zweispaltiger Bereich mit float

Mssmar
– Informationen zu den Bewertungsregeln

Hallo,

Koenntest du bitte weiter ausfuehren, welche Art der Positionierung dir vorschwebt?

hilft dir das hier.
Die Eigenschaft: float:....

  
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//DE"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"><head>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
  
    <title>Spalten</title>  
  
    <style type="text/css" media="screen">  
        .container {  
            margin:4em auto;  
            padding:0 1em;  
            width:30em;  
  
            background:#CCC;  
            border:1px #000 solid;  
        }  
  
        .container img {  
  
            margin-right:1em;  
        }  
    </style>  
</head>  
<body>  
    <div class="container">  
  <div style="float:left;">  
         <img src="http://src.selfhtml.org/logo.gif" alt="SELFHTML-Logo" />  
        </div>  
  <div style="float:left;width:100%clear:right;padding-left:10px;">  
  
   <p>  
    Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium  
             doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore  
             veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim  
             ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia  
             consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque  
             porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur,  
             adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et  
             dolore magnam aliquam quaerat voluptatem.  
   </p>  
        </div>  
    </div>  
</body>  
</html>

Gruß
Messmar

Beitrag melden
–
Informationen zu den Bewertungsregeln