Floating in IE und Firefox

[Daniel Thoma]

Hallo Marietta,

Den CSS Validator hast Du wohl nicht benutzt, darauf wollte Dich wahsaga vermutlich Hinweisen, auch wenn man das vielleicht geschickter anstellen kann.

Pseudoelemente kennzeichnet man (im gegensatz zu Pseudoklassen) mit ::
Es muss also .cf:after heißen.

Um den Effekt zu erreichen, den Du erreichen willst (Aller Text neben dem Bild und Rahmen um alles außen herum) musst Du allerdings ::after der Liste verwenden, nicht des letzten Listeneintrags:

<style type="text/css">
  .detail {
    list-style:none;
    padding:0;
    margin:100;
    border:1px solid blue;
  }

.detail .Image {
    float:left;
    margin: 0 20px 0 0;
  }

.detail::after {
    content:".";
    height: 0;
    display: block;
    clear: left;
  }
  </style>

Was der IE da macht, kann ich gerade nicht testen.

Grüße

Daniel