Unterschied IExploer & Firefox

[Michael]

Hallo liebe Fachleute!

Ich habe ein Problem und komm einfach nicht weiter. Ich möchte eine HTML-Seite erzeugen, bei der Bilder innerhalb einer Tabelle angezeigt werden sollen. Dazu möchte ich die Bildgröße von der Tabellenbreite abhängig machen, d.h die Bilder sollen halb so breit sein wie die Tabelle. Deshalb verwende ich relative Größenangaben, was beim Firefox auch funktioniert, bei IE allerdings nicht.

Quellcode:
        <table border="1" width="80%">
 <tr><td>
 <img src="test.jpg" width="50%">
 </td></tr>
 </table>

IE interpretiert die Breitenangabe des Bildes bezogen auf die tatsächliche Bildgröße, Firefox auf die Breite der umschließenden Tabelle. Gibt es eine Möglichkeit für eine einheitliche Lösung?

Vielen Dank schon mal...

[bjacke]

Versuch doch Mal das Bild als Tabellenhintergrund zu definieren, vielleicht hilf das was.

[Auge]

Hallo

Versuch doch Mal das Bild als Tabellenhintergrund zu definieren, vielleicht hilf das was.

Dir ist klar, dass man Hintergrundbilder nicht skalieren, ihnen also keine bestimmte Größe zuweisen kann?

Die Folge wäre, dass in der Tabelle, die 80% der Fensterbreite annimmt, die Bilder nicht 50% der Tabellenbreite einnehmen können ohne sich zu wiederholen.

Die Bilder würden also als Wallpaper angezeigt, was hier aber offensichtlich nicht erwünscht ist.

Tschö, Auge

[Marian]

Hi Michael,

Ich habe ein Problem und komm einfach nicht weiter. Ich möchte eine HTML-Seite erzeugen, bei der Bilder innerhalb einer Tabelle angezeigt werden sollen. Dazu möchte ich die Bildgröße von der Tabellenbreite abhängig machen, d.h die Bilder sollen halb so breit sein wie die Tabelle. Deshalb verwende ich relative Größenangaben, was beim Firefox auch funktioniert, bei IE allerdings nicht.

Quellcode:
        <table border="1" width="80%">
<tr><td>
<img src="test.jpg" width="50%">
</td></tr>
</table>

die breite eines bildes gehört (wie auch die breite und border der tabelle) zum layout und sollte deshalb mit css festgelegt werden.
versuch es doch mal mit style="width:50%"

IE interpretiert die Breitenangabe des Bildes bezogen auf die tatsächliche Bildgröße, Firefox auf die Breite der umschließenden Tabelle.

kann man beides als "richtig" bezeichnen (was standard ist, weiß ich nicht), aber wenn du css nimmst, sollte es klappen.

Gruß, Marian

[Ingo Turski]

Hi,

IE interpretiert die Breitenangabe des Bildes bezogen auf die tatsächliche Bildgröße, Firefox auf die Breite der umschließenden Tabelle.
kann man beides als "richtig" bezeichnen (was standard ist, weiß ich nicht)

Standard - und damit richtig - ist (natürlich;-) die Umsetzung des Firefox (wobei das im IE meistens aber auch so funktioniert).
http://www.w3.org/TR/html401/struct/objects.html#h-13.7.1:
"Note that lengths expressed as percentages are based on the horizontal or vertical space currently available, not on the natural size of the image"

freundliche Grüße
Ingo

[Marian]

Hi Ingo Turski,

Hi,

IE interpretiert die Breitenangabe des Bildes bezogen auf die tatsächliche Bildgröße, Firefox auf die Breite der umschließenden Tabelle.
kann man beides als "richtig" bezeichnen (was standard ist, weiß ich nicht)
Standard - und damit richtig - ist (natürlich;-) die Umsetzung des Firefox (wobei das im IE meistens aber auch so funktioniert).
http://www.w3.org/TR/html401/struct/objects.html#h-13.7.1:
"Note that lengths expressed as percentages are based on the horizontal or vertical space currently available, not on the natural size of the image"

mag sein - es ist auch manchmal brauchbar, wenn man das bild halb, doppelt usw so groß wie es ist machen kann. (wobei man dann eigentlich auch ein halb so großes bild einbinden sollte, sonst läd es so lang)

Gruß, Marian