Der erste rote Test-Text hat im p-tag diesen Style aus dem Stylesheet verlinkt:
Code: Alles auswählen
.news-teaser{
clear:both;
/*margin:0 0 60px 60px;*/ color:red;
margin-bottom:60px;
margin-left:60px;
line-height:1.2em;
font-variant: small-caps;
}
Im zweiten Test-Beispiel habe ich die margin-Angaben inline gesetzt, und sie werden beruecksichtigt.
Die gruene Test-"Box" hat den folgenden Style:
Code: Alles auswählen
.box{
float:right;
width:25%;
/* border: 2px #F2F2F2 solid;*/
/* background-color:#eef1f6; color:inherit;*/
border:1px dotted #e8edf3;
padding: 10px; margin:5px 0 5px 15px;
color:green;
}
Ich habe im Internet gesucht, und da gibt es Hinweise auf "kollabierende Margins" bei aufeinander folgenden floats, aber das scheint ein anderes Problem zu sein. Ich habe noch nicht alle "margin"-Angaben getestet im Stylesheet, aber die meisten werden wohl korrekt verarbeitet.
Habt ihr eine Erklärung/Lösung?
Danke, Gerhard