Mark Grotegerd: float:left-Problem

Beitrag lesen

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>csstest</title>

<style type="text/css">
      /*<![CDATA[*/
      p {
        margin:0px;
        font:400 11px verdana,sans-serif;
        color:#000;
        background:transparent;
        }

#container {
        width:200px;
        }
      #container2 {
        clear:both;
        }
      #erstespalte {
        float:left;
        padding-right:5px;
        width:100px;
        text-align:right;
        background:#f5f5f5;
        }
        html>body #erstespalte {
          width:95px;
          }
      #zweitespalte {
        float:left;
        padding-left:5px;
        width:100px;
        text-align:left;
        background:#d3d3d3;
        border-left:1px solid #000;
        }
        html>body #zweitespalte {
          width:94px;
          }

/*]]>*/
    </style>

</head>

<body id="body">

<div id="container1">

<div id="erstespalte">
        <p>
        hallo<br />
        hallo<br />
        hallo<br />
        hallo<br />
        hallo<br />
        hallo<br />
        hallo<br />
        </p>
      </div>

<div id="zweitespalte">
        <p>
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        welt<br />
        </p>
      </div>

</div>

<div id="container2">
      <p>
      weiter gehts weiter gehts weiter gehts weiter gehts weiter gehts weiter gehts weiter gehts weiter gehts
      </p>
    </div>

</body>

</html>

Gruss
Mark