Martin Hein: Image erzeugt Abstand in IE zum 100sten

Hallo Forum,

ich habe schon wieder ein img, dass eine Abstand erzeugt ;(
Den Abstand unterhalb bekomme ich mittlerweise in den Griff
(vertical-align:middle;). Nur wirkt das leider nicht bei
meinem Abstand nach links.

Hier mein code:
---------------

<html>
 <head>
  <style>
.image_right{
}

.image_right div{
text-align:right;
float:left;
padding:0;
margin:0;
background: #FFAAFF;
}

.image_right p{
width:250px;
padding:0;
margin:0;
margin0px;
}

.image_right img{
padding:0;
margin:0;
}

</style>
 </head>

<body>
<div class="image_right"><div><p>Ferenter Respondeo res occido ago oro praepositus huic vitualamen Insisto insperatus</p></div><img src="../_content/images/image_s.jpg" alt="" /></div>

tausend Dank für gute Tipps und

beste gruesse,
martin
 </body>
</html>

  1. hallo,

    .image_right{
    }

    Warum läßt du das leer?

    <div class="image_right"><div><p>Ferenter Respondeo res occido ago oro praepositus huic vitualamen Insisto insperatus</p></div><img src="../_content/images/image_s.jpg" alt="" /></div>

    Warum machst du so eine umständliche Konstruktion? Dein Bildchen braucht keinen eigenen DIV, das kann selbst positioniert und formatiert werden, und du kannst ihm doch "class=image_right" zuordnen.

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
    1. stimmt, das ist in der tat mittlerweile recht kompliziert
      worden ;) das sieht unsinnig aus, hat aber seinen sinn:

      ich verwende das als template in tinymce. das ganze konstrukt
      muss daher ein container einer klasse werden -> image_right
      Weil ich nicht weiss, mit welchen Elementen der linke Teil
      neben dem Bild befüllt wird, hab ich den auch als div
      angelegt

      So sollte es also aussehen:
      ---------------------------

      <div class="image_right">
       <div>content</div>
       <img srs="" />
      </div>

      .image_right{
      }

      .image_right img{
      }

      .image_right div{
      }

      ... nun muss ich nur noch die styles hinbekommen, bzw. das
      einzige, was ich wissen möchte ist, was den abstand zwischen
      bild und div daneben erzeugt und wie ich diesen beheben kann.

      beste gruesse,

      martin

      1. Hi Martin!

        ... nun muss ich nur noch die styles hinbekommen, bzw. das
        einzige, was ich wissen möchte ist, was den abstand zwischen
        bild und div daneben erzeugt und wie ich diesen beheben kann.

        Wenn ich das richtig verstehe, soll der Text (in dem p-Tag) um das Bild (img-Tag) herum fließen?

        Warum floatest du dann nicht das Image?

        Und egal wofür:

          
        <div><div><p>mein Text</p></div></div>  
        
        

        kann nicht sinnvoll/ erforderlich sein.

        Solange du das Image nicht per

          
        display: block  
        
        ~~~ zum Block-Element machst (oder eben floatest), wirst du wohl die Probleme mit deinem (unerwünschten) Abstand haben.  
          
        Gruß Gunther
        
        1. hallo,

          Solange du das Image nicht per
            display: block
          zum Block-Element machst

          <img> ist ein inline-Element und bleibt das auch. "display:block" verändert daran nichts. CSS kann HTML-Elemente zwar formatieren, aber ihre Eigenschaften nicht ändern.

          Grüße aus Berlin

          Christoph S.

          --
          Visitenkarte
          ss:| zu:) ls:& fo:) va:) sh:| rl:|
          1. Hello out there!

            <img> ist ein inline-Element und bleibt das auch. "display:block" verändert daran nichts. CSS kann HTML-Elemente zwar formatieren, aber ihre Eigenschaften nicht ändern.

            Dir ist bewusst, dass es „Blockelement“ und „Inline-Element“ sowohl im HTML- als auch im CSS-Kontext gibt und dass beides nichts miteinander zu tun hat? (Außer, dass durch Defaults in Browserstylesheets HTML-Blockelemente auch CSS-Blockelemente sind und HTML-Inline-Elemente auch CSS-Inline-Elemente.)

            See ya up the road,
            Gunnar

            --
            „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
            1. hallo Gunnar,

              Dir ist bewusst, dass es „Blockelement“ und „Inline-Element“ sowohl im HTML- als auch im CSS-Kontext gibt

              Nein. display kann zwar Eigenschaften wie "block" oder "inline" zugewieen bekommen. Dadurch verändert sich die Art der Darstellung, so daß ein inline-Element tatsächlich im Textfluß wie ein Blockelement erscheinen kann. Am Charakter des HTML-Elements ändert das aber nichts.

              Grüße aus Berlin

              Christoph S.

              --
              Visitenkarte
              ss:| zu:) ls:& fo:) va:) sh:| rl:|
              1. Hello out there!

                Dir ist bewusst, dass es „Blockelement“ und „Inline-Element“ sowohl im HTML- als auch im CSS-Kontext gibt

                Nein.

                Schade.

                display kann zwar Eigenschaften wie "block" oder "inline" zugewieen bekommen. Dadurch verändert sich die Art der Darstellung, so daß ein inline-Element tatsächlich im Textfluß wie ein Blockelement erscheinen kann. Am Charakter des HTML-Elements ändert das aber nichts.

                Das sagte ich doch: „[…] dass beides [HTML- und CSS-Kontext] nichts miteinander zu tun hat“.

                Durch Änderung der 'display'-Eigenschsft machst aus einem CSS-Inline-Element ein CSS-Blockelement. Im HTML-Kontext bleibt es dennoch ein Inline-Element.

                See ya up the road,
                Gunnar

                --
                „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
  2. Hello out there!

    Hier mein code:
      <style>

    'type'-Attribut fehlt.

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)