besi: width Textbreite ist unterschiedlich IE zu FF

SELF-Forum

width Textbreite ist unterschiedlich IE zu FF

besi
– Informationen zu den Bewertungsregeln

Hallo,

versuche ein Text rechts von einem Bild zu plazieren. Der Text soll eine bestimmte Breite haben, da ich den restlichen Platz noch für ein Symbol brauche.

Der Firefox rechnet die Breite ganz links vom DIV.
Der IE6 rechnet die Breite beginnend vom Bild. Es entsteht somit eine Differenz von der Breite des Bildes.

Ich kann zwar mit margin-left: arbeiten, wenn ich aber den Text vergrößere umfliest der Text nicht mehr das Bild.

Hätte das ganze mit CSS gelöst.

Wer kennt eine Lösung!

Danke!
Stefan

--------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
<!--

div.higlights{
   overflow: hidden;
 width: 730px;
   padding: 5px;
 border: 1px solid #778899;
  }

.higlights img{
    float: left;
  padding-left: 1px;
  padding-right: 10px;
  border-left: 5px solid red;
}

.higlights p{
   width: 450px;
  /* margin-left: 136px;*/
 }

-->
</style>
</head>
<body>
<h1>Wir bieten:</h1>
 <div class="higlights">
 <img src="img/hl1.jpg" width="120" height="83" alt="bild" />
   <h2 >Überschrift</h2>
 <p >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.
  </p>
</div>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. width Textbreite ist unterschiedlich IE zu FF

    Cheatah
    – Informationen zu den Bewertungsregeln

    Hi,

    Der IE6 rechnet die Breite beginnend vom Bild.

    das liegt daran, dass der Absatz (wegen der festgesetzten Breite) hasLayout besitzt. Der IE 8 kennt kein hasLayout mehr; ab dann sollte dieser Bug gefixt sein.

    Hätte das ganze mit CSS gelöst.

    Breite (und alle anderen hasLayout-triggernden Eigenschaften) wegnehmen, mit CSS-Hacks arbeiten, oder aber auch den Absatz floaten.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln