Inita: Die Höhen 3er divs.

Beitrag lesen

SELF-Forum

Die Höhen 3er divs.

Inita
– Informationen zu den Bewertungsregeln

hi,

probiermal dass denn:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<html>  
<head>  
<title>3 columns, fixed width, content tallest</title>  
<style type="text/css">  
#container{  
 background-color:#9cc;  
 float:left;  
 width:500px;  
 border-left:150px solid #cf9; /* The width and color of the left rail */  
 border-right:200px solid #c33; /* The width and color of the right rail */  
}  
#leftRail{  
 float:left;  
 width:150px;  
 margin-left:-150px;  
 position:relative;  
}  
#center{  
 float:left;  
 width:500px;  
 margin-right:-500px;  
}  
#rightRail{  
 float:right;  
 width:200px;  
 margin-right:-200px;  
 position:relative;  
}  
</style>  
</head>  
<body>  
<p>source: http://alistapart.com/articles/multicolumnlayouts</p>  
 <div style="width:850px;margin:0 auto">  
 <div id="container">  
  <div id="center">CENTER<br />COLUMN CONTENT</div>  
  <div id="leftRail"><p>LEFT RAIL</p><p>LEFT RAIL</p><p>LEFT RAIL</p><p>LEFT RAIL</p></div>  
  <div id="rightRail">  
    <p>RIGHT RAIL</p>  
  </div>  
 </div>  
 </div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln