Text umfließt Bild nicht korrekt

  • Auf meinem Blog umfließt der Text nicht korrekt da Bild. Der Text sollte oben gleichmäßig mit dem Bild anfangen und dann das Bild umfließen, aber die Abstände passen nicht. Hoffentlich kann mir jemand helfen.
    Auszug aus der CSS-Datei

  • Ich habe mal ein Bild angehängt - so sieht es bei mir in Safari aus. Die rot markierten Abstände sollen nicht da sein - ich weiß nicht, wie die da hinkommen.

    P.s.: Hab vergessen zu sagen - das Problem befindet sich nur in der Single-Ansicht. Einfach auf den Namen in der Überschrift klicken.

  • Entferne mal den schließenden und den öffnenden <p>-Tag nach dem Bild.

    P.S.: Bist Du Dir sicher dass Du bei einem Namen wie freesteiler.de ein englischsprachiges Theme nehmen willst?


    Ich habe jetzt das <p>-Tag wegbekommen, allerdings ist nun die gesamte Textformatierung im Beitrag weg. Da muss ich mir nochmal etwas anderes überlegen.

    Wieso sollte ich kein englischsprachiges Theme nehmen?

  • So hatte ich das auch nicht gemeint.....

    HTML
    <img src="http://freesteiler.de/wp-content/upload/2009/04/img_0177-300x200.jpg" alt="Freestyle" title="Freestyle" />
    
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.


    Sondern so:

    HTML
    <p><img src="http://freesteiler.de/wp-content/upload/2009/04/img_0177-300x200.jpg" alt="Freestyle" title="Freestyle" />
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>


    Einen deutschen Blog mit englischen Hinweisen find ich halt einfach affig. Entweder ein Blog ganz auf deutsch, ganz auf englisch oder halt ordentlich mehrsprachig.


  • ...
    Sondern so:

    HTML
    <p><img src="http://freesteiler.de/wp-content/upload/2009/04/img_0177-300x200.jpg" alt="Freestyle" title="Freestyle" />
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>


    Aber dann ist es doch so, wie am Anfang - dann hätte ich ja nix verändern müssen.

    Zitat

    Einen deutschen Blog mit englischen Hinweisen find ich halt einfach affig. Entweder ein Blog ganz auf deutsch, ganz auf englisch oder halt ordentlich mehrsprachig.


    Ok, ist Ansichtssache - ich finde es gut so.

  • Nein vorher war es so:

    HTML
    <p><img src="http://freesteiler.de/wp-content/upload/2009/04/img_0177-300x200.jpg" alt="Freestyle" title="Freestyle" /></p><p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  • Welches margin hast du denn verändert? das vom p-Tag oder vom Bild?
    Und vielleicht auch mal das Padding schaun...

    Setze doch einfach mal um beide Tags einen Rahmen um zu sehen was die so machen. Hilft mir auch sehr oft weiter.