Border mit 2px Abstand (IE vs. Mozilla)

[markus]

Hallo!
Ich will etwas recht spezielles und eigentlich funktioniert es auch ...
Eigentlich bedeutet soviel wie: Im Mozilla wunderbar, im IE überhaupt nicht :(

Und zwar folgendes:
Ich hab ein Tabelle in der eine Grafik drin liegt:
<table>
<tr>
   <td>
      <img src="grafik1.jpg" border="1" style="padding-right:2; padding-left:2; padding-bottom:2; padding-top:2;">
   </td>
</tr>
</table>

Im Mozilla wird es angezeigt wie ich es haben will, die Grafik wird mit einem Abstand von 2 Pixeln schwarz umrahmt - im IE fehlt dieser Abstand.
Natürlich ist das nun nicht die große Katastrophe ;) - aber irgendwie nervt mich das gerade tierisch und da dachte ich, vielleicht könntet ihr mir eine Alternative sagen, wie ich es schaffe, dass eine Grafik mit einem Abstand von 2 Pixeln umrahmt wird und zwar in beiden Browsern ;)

[MudGuard]

Hi,

padding-right:2;

2 was? 2 Ameisenbeindurchmesser? 2 Elefantenrüssellängen?

cu,
Andreas

[markus]

Hi,

padding-right:2;

2 was? 2 Ameisenbeindurchmesser? 2 Elefantenrüssellängen?

cu,
Andreas

Nimm was du willst; px, cm, meter, meinetwegen auch Elefantenrüssellängen - ändern tut das nix am Problem ...

[MudGuard]

Hi,

padding-right:2;
2 was? 2 Ameisenbeindurchmesser? 2 Elefantenrüssellängen?
Nimm was du willst; px, cm, meter, meinetwegen auch Elefantenrüssellängen - ändern tut das nix am Problem ...

Naja, der IE hat auch genommen, was er wollte. Vermutlich hat er sich für Nanometer entschieden.

cu,
Andreas

[Gernot Back]

Hallo markus,

Nimm was du willst; px, cm, meter, meinetwegen auch

Elefantenrüssellängen - ändern tut das nix am Problem ...

Probier das am besten genau so in der Reihenfolge durch, dann ändert sich ja vielleicht doch etwas!

Gruß Gernot

[markus]

Also habs jetzt geändert in

<img src="grafik1.jpg" style="border-color:#000000; border-style:solid; border-width:1; padding:16px;">

aber funktionieren (im IE) funktionierts immer noch nich :(

[MudGuard]

Hi,

border-width:1;

1 Elefantenrüssellänge?

cu,
Andreas

[Ashura]

Hallo markus.

<img src="grafik1.jpg" style="border-color:#000000; border-style:solid; border-width:1; padding:16px;">

^ hier auch...

aber funktionieren (im IE) funktionierts immer noch nich :(

Der Improvisationskünstler ist ratlos? Erstaunlich...

Einen schönen Sonntag noch.

Gruß, Ashura

[Gunnar Bittersmann]

Hi markus,

Ich hab ein Tabelle in der eine Grafik drin liegt:

Nein, du hast keine Tabelle. Eine Tabelle mit einer Zelle macht überhaupt keinen Sinn. Du hast das table-Element für einen optischen Effekt missbraucht.

<div><img src="grafik1.jpg" alt=""></div>

Und nun gib dem div per CSS Innenabstand und Rahmen.

Live long and prosper,
Gunnar

PS. Das brauchst du jetzt nicht mehr, aber:

<img src="grafik1.jpg" border="1" style="padding-right:2; padding-left:2; padding-bottom:2; padding-top:2;">

Das zwingend notwendige alt-Attribut fürs img-Element fehlt.

Die Maßeinheiten fehlen. (2 Lichtjahre?)

Wenn alle die Werte an allen Seiten gleich sind, bietet sich einfach padding an.

Es sollen die Layoutangaben von der Dokumentenstruktur getrennt werden, also nicht das style-Attribut verwenden.

[Efchen]

Nein, du hast keine Tabelle. Eine Tabelle mit einer Zelle macht überhaupt keinen Sinn. Du hast das table-Element für einen optischen Effekt missbraucht.

<div><img src="grafik1.jpg" alt=""></div>

Und Du hast div-Suppe gekocht. Wozu das div außen rum?

Gruß,
-Efchen

[Gunnar Bittersmann]

Hi Efchen,

Und Du hast div-Suppe gekocht. Wozu das div außen rum?

Aua. Und das passiert _mir_! ;-)

Sicher kann man auch dem img ohne div außenrum einen Rahmen verpassen.

Zu meiner Verteidigung: Man weiß nicht, wie der OP das Bild im Dokument eingebaut hat: als Kind von body wäre es u.U. nicht richtig.

Live long and prosper,
Gunnar

[Efchen]

Zu meiner Verteidigung: Man weiß nicht, wie der OP das Bild im Dokument eingebaut hat: als Kind von body wäre es u.U. nicht richtig.

Jaja, irgendsowas hätt ich mir dann auch überlegt ;-)

[Ashura]

Hallo markus.

Und zwar folgendes:
Ich hab ein Tabelle in der eine Grafik drin liegt:

Wozu dann die Tabelle?

<table>

<tr>
   <td>
      <img src="grafik1.jpg" border="1" style="padding-right:2; padding-left:2; padding-bottom:2; padding-top:2;">
   </td>
</tr>
</table>

  
Wenn du schon rudimentäres CSS einsetzt, warum dann nicht vollständig?  
  
Konkret: entferne `border="1"`{:.language-html} und füge dafür `border:1px solid #000;`{:.language-css} in dein style-Attribut ein.  
  

> Im Mozilla wird es angezeigt wie ich es haben will, die Grafik wird mit einem Abstand von 2 Pixeln schwarz umrahmt - im IE fehlt dieser Abstand.  
  
Bist du sicher, dass es nicht umgedreht ist? Schließlich hast du zum padding keinerlei [Maßeinheit](http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische) angegeben.  
  
  
Einen schönen Sonntag noch.  
  
Gruß, Ashura  

-- 
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|  
[30 Days to becoming an Opera8 Lover](http://operalover.tntluoma.com/8/) -- [Opera 8.02 mit Bit-to-rent-Unterstützung ;-)](http://operalover.tntluoma.com/8/opera_802_with_bittorrent)  
Meine Browser: Opera 8.01 | Firefox 1.0.5 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0  
[\[Deshalb frei! - Argumente pro freie Software\]](http://deshalbfrei.org/)