<img... width=5 height=100% funktioniert nicht in IE, ide

von **mangiari** » 26.10.2006, 16:19

Hallo, habe ein doofes Problem mit dem InternetExplorer. Hab die Suche schon bemüht, aber auch nach ner STunde noch nix passendes gefunden.

Folgendes: Ich benutze ein Bild mit einem Farbübergang, das vertikal auf 100% des Elternelements skaliert werden soll. Die horizontale Breite soll dabei fix bleiben. Ich hab unten mal Beispielcode gebastelt. Firefox tut was er soll, IE aber stellt das Bild erst gar nicht dar. Setzte ich den DOCTYPE auf strict stellt er es immerhin dar, aber auch nicht auf 100%.
Ob ich die Größenangabe mit css oder mit html syntax notiere scheint auch keinen Unterschied zu machen. Irgendwelche Ideen für workarounds?
Ach und sorry für meine oldschool Tabellen-Layout-Technik. Wie würdet ihr das selbe ohne <table> machen?

Code: Alles auswählen: <html> <body> <table> <tr> <td><img></td></td> <td>Viel Text in dieser Box, um ein bisschen height für das Bild daneben zu erzeugen. Dieses soll sich über die gesammte Höhe der Tabellenzelle erstrecken, was es aber im Internetexplorer nicht tut. Noch schlimmer, das Bild wird nicht nur nicht gestreckt, es wird gleich überhaupt nicht dargestellt!</td> </tr> </table> </body> </html>

Hm, irgendwie stellt er meinen Code nicht so dar wie ich ihn eingebe. Im Image-Tag habe ich jedenfalls irgendeinen Source drin, width auf 20, height auf 100%.

von **Laus** » 26.10.2006, 22:20

Setze mal einen Haken bei html in diesem Beitrag deaktivieren.
Dann den Code nochmal Posten. Besser wäre es wenn man sich das online ansehen kann.
Xaver

von **mangiari** » 27.10.2006, 08:09

Oh Danke, hab noch nie html in ein Forum gepostet.
Also hier der Code nochmal zum direkt ausprobieren. Einfach in eine neue Datei pasten und in den Browser schieben. Ich hatte eigentlich eh gehofft, dass schon mal jemand Probleme damit hatte und auf Anhieb eine Idee hat. Rumprobiert hab ich selbst schon stundenlang. An irgendwelchen kleinen Syntax-Ungenauigkeiten liegt's jedenfalls nicht.

Code: Alles auswählen: <html> <body> <table> <tr> <td><img src="http://www.css-hilfe.de/Grafiken/g4.jpg" height="100%" width="20"></td></td> <td width="300">Viel Text in dieser Box, um ein bisschen Höhe für das Bild daneben zu erzeugen. Dieses soll sich über die gesammte Höhe der Tabellenzelle erstrecken, was es aber im Internetexplorer nicht tut. Noch schlimmer, das Bild wird nicht nur nicht gestreckt, es wird gleich überhaupt nicht dargestellt!</td> </tr> </table> </body> </html>

[/code]

von **Laus** » 27.10.2006, 10:13

Dein liegt daran das der IE keine % Angaben in anderen Elementen als dem Body erkennt. Nimm das % Zeichen aus deinem Code und der IE zeigt das Bild mit 100px Höhe an.
Um das gleiche ohne Tabellen darzustellen kannst du folgendes Codebeispiel verwenden. Ist eigentlich selbsterklärend. Das <hr> wird in diesem Fall nur verwendet um das float wieder zu clearen.

Code: Alles auswählen: <html> <head><style type="text/css">  </style></head> <body> <div> <img src="bild" > <p>Viel Text in dieser Box, um ein bisschen Höhe für das Bild daneben zu erzeugen. Dieses soll sich über die gesammte Höhe der Tabellenzelle erstrecken, was es aber im Internetexplorer nicht tut. Noch schlimmer, das Bild wird nicht nur nicht gestreckt, es wird gleich überhaupt nicht dargestellt!</p> <hr> </div> </body> </html>

Gruß Xaver

von **mangiari** » 27.10.2006, 10:46

Hm, danke erstmal, leider ist das genau mein Problem. Es ist ja in CSS absolut basic, Höhenangaben in % zu machen. Der IE kann das nicht???

Ich brauch das Bild natürlich nicht über die ganze Seite sondern es ist Bestandteil eines grafischen Buttons, der je nach (dynamischem) Inhalt in Höhe und Breite variieren kann. Als Notlösung hab ich jetzt halt das Bild in eine Richtung geplättet, so dass ich es als Hintergrundbild für die Zelle benutzen kann und somit die Dehnbarkeit erreiche. Damit sieht aber der Button natürlich nicht mehr so schick aus.

<img... width=5 height=100% funktioniert nicht in IE, ide

<img... width=5 height=100% funktioniert nicht in IE, ide

Ähnliche Beiträge zu "<img... width=5 height=100% funktioniert nicht in IE, ide"

Wer ist online?