Lennart: div-container

Beitrag lesen

danke, das funktioniert schonmal sehr gut. nur schieben sich die container immernoch untereinander, wenn das fenster zu schmal ist. und die mindestbreite des mittleren containers wird nicht eingehalten.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>container test</title>  
</head>  
  
<body><div style="width: 100%;">  
<div style="width: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px;"><h3>header</h3></div>  
<div style="min-width:250px; width: 250px; man-width:250px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; float: left; background-color: #00ff00;">div1</div>  
<div style="min-width:250px; width: 250px; man-width:250px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; float: right; background-color: #ff0000;">div3</div>  
<div style="min-width:400px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; background-color: #0000ff;">div2</div>  
<div style="clear: both; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px;" >footer</div></div>  
</body>  
</html>