Folgende (verkürzte) HTML-Datei ermöglicht ein Floaten der Elemente (hier nur Überschriften), sofern keine Wrapper-Klasse mit div drüber ist. Warum? Kann das nicht nachvollziehen. Auch Firefox lässt dies das in den Entwicklertools bei CSS nicht nachvollziehen.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<style>
body, body.normal { max-width:900px; margin-left:auto; margin-right:auto; padding-left:5px; padding-right:2px;
background-color:white; }
.wrapper { margin:0; padding:0; width: 900px; }
span.t-Art { width: 30px; background-color: #EBF4F1; float: left; white-space: normal;}
span.t-Var { width: 60px; background-color: #CFE4DD; float: left; white-space: normal;}
span.t-Zeit { width: 70px; background-color: #EBF4F1; float: left; white-space: normal;}
span.t-Aus { width: 120px; background-color: #CFE4DD;float: left; white-space: normal;}
span.t-Taetig { width: 100px; background-color: #EBF4F1;float: left; white-space: normal;}
span.t-Beschr { width: 440px; background-color:#FFFBCB; float: left; white-space: normal;}
</style>
</head>
<body class='normal'>
<div name='inhalt' class='wrapper'>
<span class='t-Art'>Art</span>
<span class='t-Var'>Variante</span>
<span class='t-Zeit'>Zeitraum</span>
<span class='t-Zeit'>Zeitraum2</span>
<span class='t-Aus'>Auslöser</span>
<span class='t-Taetig'>Tätigkeit</span>
<span class='t-Beschr'>Beschreibung</span>
</div>
</body>
</html>
Bitte nur konkret auf die Frage antworten. Danke.
