tehhtml: DIV Container & Float

Beitrag lesen

SELF-Forum

DIV Container & Float

tehhtml
– Informationen zu den Bewertungsregeln

Dein Problem ist also nicht mehr die Reihenfolge sondern der scheinbar fehlende wrapper?
Matthias

Problem selbst gelöst.
Nach einem kleinem Spaziergang geht alles viel einfacher :)

Hier der Code:

  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <title>Das Boxenmodell</title>  
    <style type="text/css">  
        * { color: #FFFFFF; margin: 10px;}  
  
         #wrapper {margin: 12 auto;  
                   border: 5px double red;  
                   height: auto;  
                   width: 660px;}  
  
  
  
             #Box1  
        {  
             float: right;  
            background-color: #1100AA;  
            width: 200px;  
            height: 100px;  
        }  
  
  
                #Box2  
        {  
             float: left;  
            background-color: #990000;  
            width: 200px;  
            height: 100px;  
        }  
  
  
  
              #Box3  
        {  
  
            background-color: #DD02ED;  
            width: 200px;  
            height: 100px;  
        }  
  
  
  
  
  
  
  
  
  
  
  
    </style>  
</head>  
<body>  
    <div id = "wrapper">  
  
    <div id = "Box1">Box1</div>  
  
    <div id = "Box2">Box2</div>  
  
    <div id = "Box3">Box3</div>  
  
    </div>  
  
  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln