nicht angemeldet
IE: IMG -> Style height:auto funzt nicht
Der MartinHallo
Ich habe verschiedene Bilder auf der Webseite. Diese gebe ich ganz normal aus (also via <img> Tag). Die Grössenangabe übergebe ich jedoch via inline-style (<img style="width:;height:;">.
Da ich die Grössenangabe in em, also relationel zur schriftgrösse angebe, möchte ich nur die Breite angeben. Die Höhe möchte ich über auto steuern, damit ich immer die Proportionen richtig habe (z.b. bei verkleinerten Bildern) und nicht die Proportionen selbst ausrechnen muss (-;
Im Firefox werden die Bilder richtig dargestellt, der IE jedoch zeigt mir die Bilder verzogen in der Höhe an (also viel zu hoh!). Wie kann ich das umgehen?
Getestet mit IE 6.
Thx
-
Hi,
Ich habe verschiedene Bilder auf der Webseite. [...] möchte ich nur die Breite angeben. Die Höhe möchte ich über auto steuern, damit ich immer die Proportionen richtig habe (z.b. bei verkleinerten Bildern) und nicht die Proportionen selbst ausrechnen muss (-;
dann lass doch die Höhenangabe ganz weg. Bilder skalieren automatisch proportional, wenn nur ein Maß angegeben ist, also entweder nur die Breite oder nur die Höhe.
So long,
Martin--
Most experts agree: Any feature of a program that you can't turn off if you want to, is a bug.
Except with Microsoft, where it is just the other way round.-
Kann ich so eben leider nicht bestätigen...
habe alle möglichkeiten getestet:
- inline-style mit height:auto
- inline-style ohne height
- width=""
- width="" height="auto"
an was könnte das liegen...bsw. wie kann ich das umgehen?
-
Hi KeinBlase!
an was könnte das liegen...
Du hast fehlerhaften Quellcode. Wir haben gar keinen Quellcode. Du fragst, woran es liegen könnte. Ich sage: Keine Ahnung! ;-)
Quellcode her!bsw. wie kann ich das umgehen?
Das hat dir Martin schon gesagt.
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
Hallo
Vielen Dank für die Antworten.
Ich habe nun festgestellt, dass dieser Effekt nur auftritt, wenn man einen Refresh durchführt. Wenn man eine Seite aber via Link oder Browser-Adresse aufruft, ist alles korrekt.
-> Somit ist es nur ein Refreshproblem. Wie kann das denn sein? IE-Bug?Hier noch der Quellcode:
-------------
<p><a class="thumbnail" href="/URL/problemfeld.gif" target="_blank"><img title="Problemfeld" style="width: 52em; height: auto;" alt="Problemfeld" src="/upload/bilder/1/sourcing/globale_beschaffung/problemfeld.gif" border="0">-> Grafik vergrössern (Neues Fenster / Tab)</a> </p>
-------------
Klasse thumbnail:
.thumbnail img{
border: 0.06em solid #333333;
width: 22em;
height:auto;
padding: 0.4em 0.4em 0.4em 0.4em;
display:block;
vertical-align:middle;
margin-right:1em;
}
-------------
-
-
Hi,
Kann ich so eben leider nicht bestätigen...
ist aber so.
an was könnte das liegen...
vielleicht gibts irgendwo eine Höhenangabe mit "!important"? Das ist sogar "wichtiger" als inline styles.
Gruesse, Joachim
--
Am Ende wird alles gut.
-