Bianca: DIV-Anordnung (vertikal)

Beitrag lesen

Hi Zusammen,

ich habe ein Problem mit meinem DIVs. Die Col1 (Bella) und die Col (Donna) rücken nicht automatisch ein, sondern setzten sich genau über die Center Div.
Was könnte die Ursache dafür sein?

<body id="home">  
<div id="outer">  
	<div id="left"></div>  
  <div id="center">  
    <div id="main">  
		<div id="content" class="clearfix">  
			<div id="bella"></div>  
      <div id="donna"></div>  
		</div>  
    <div id="bottom"></div>  
	</div>  
  
  </div>  
  <div id="right"></div>  
</div>  
</body>
#outer{  
	width:1137px;  
	margin:auto;/* center the page*/  
	text-align:left;/* reset text back to left due to ie5.x fix */  
	}  
  
#left{  
  	width:212px;  
	height:750px;  
	margin:0 0 0 0;  
	float:left;  
	background:#000 url(images/undying-left.jpg) no-repeat;  
  
      }  
  
#center{  
  	width:703px;  
	height:224px;  
	margin:0 0 0 0;  
	float:left;  
	background:#000 url(images/undying-head.jpg) no-repeat;  
	}  
  
  
  
#main,#content{width:703px}  
  
#content{  
   	   min-height:270px;  
	   clear:both;  
	  
    }  
  
  
* html #content {height:270px}/* for ie6 and under*/  
  
  
#bella{  
	width:320px;  
	height:353px;  
        margin:0 0 0 0;  
	background:#000 url(images/undying-bella.jpg) no-repeat;  
        display:inline;/* cure IE6 double margin bug*/  
	float:left;  
  
       }  
  
#donna{  
        width:383px;  
	height:353px;  
	background:#000 url(images/undying-donna.jpg) repeat;  
        margin:0 0 0 0;  
	float:left;  
  
  
  
      }  
  
#bottom{  
  	width:703px;  
	height:173px;  
	margin:0 0 0 0;  
	float:left;  
	background:#000 url(images/undying-bottom.jpg) no-repeat;  
  
      }  
  
#right{  
  	width:222px;  
	height:750px;  
	margin:0 0 0 0;  
	float:right;  
	background:#000 url(images/undying-right.jpg) no-repeat;  
  
      }