ferenco: ie, float, Block breite

Beitrag lesen

laut w3c ist es jetzt ein valides markup

<!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" xml:lang="de" lang="de">
<head>
<title>test</title>
<style type="text/css">
<!--
.mainBlock{
float:left;
border:1px solid #000000;
font-family:arial;
margin:0px 1px 0px 0px;
}
.txtUp{
height:13px;
color:#000000;
background-color:#718110;
font-size:8px;
padding:5px 10px 0px 10px;
text-align:center;
float:none;
}
.txtDown{
height:20px;
color:#000000;
background-color:#ffffff;
font-size:14px;
padding:5px 10px 0px 10px;
text-align:center;
float:none;
}
.clearFix{
clear:both;
line-height:0;
height:0px;
font-size:0px;
}
-->
</style>
</head>
<body>
<div class="mainBlock">
<div class="txtUp">Bestellung</div>
<div class="txtDown">76</div>
</div>
<div class="mainBlock">
<div class="txtUp">Auftr&auml;ge</div>
<div class="txtDown">279</div>
</div>
<div class="mainBlock">
<div class="txtUp">Reservierung</div>
<div class="txtDown">176</div>
</div>
<div class="mainBlock">
<div class="txtUp">Produkte Online</div>
<div class="txtDown">8245</div>
</div>
<div class="mainBlock">
<div class="txtUp">Produkte Lagerware</div>
<div class="txtDown">245</div>
</div>
<div class="mainBlock">
<div class="txtUp">Produkte Auslauf</div>
<div class="txtDown">24</div>
</div>
<div class="mainBlock">
<div class="txtUp">keine Features</div>
<div class="txtDown">45</div>
</div>
<div class="clearFix"></div>
</body>
</html>