Foto in einer Tabelle nicht richtig dargestellt

[Artur]

Hallo zusammen,
ich habe ein Problem mit meinen Fotos, die in einer Tabelle mit einem doppelten dünnen Rand versehen werden sollen (schwarz und hell grün). Die Seite wird in dem Mozilla Firefox richtig dargestellt, dagegen kriege ich es nicht hin, in dem Internet Explorer den unteren Rahmen zu "verdünnen". Ich werde das Gefühl nicht los, dass ich etwas grundsätzliches falsch mache.

Eine beispielhafte Seite aus meinem Web:
http://www.rysch.com/pilze/Amanita_muscaria.htm
(der untere Rahmen ist im IE 6 dicker als die restlichen, das gefällt mir nicht sehr.

Hier das entsprechende css code aus der Datei pilze.css:
.fungus { background-color:#278D08}
table.fungus { border-collapse:collapse; width:800px; height:600px; background-color:#22FD05;}
caption.fungus { font-size:26pt; font-weight:bold; text-align:center; color:#22FD05}

Schöne Grüße und danke für evtl. Tipps
Artur

[Detlef G.]

Hallo Artur

Hier das entsprechende css code aus der Datei pilze.css:
.fungus { background-color:#278D08}
table.fungus { border-collapse:collapse; width:800px; height:600px; background-color:#22FD05;}
caption.fungus { font-size:26pt; font-weight:bold; text-align:center; color:#22FD05}

Schöne Grüße und danke für evtl. Tipps

1. Tipp:
Vermeide Leerzeichen, Zeilenumbrüche oder Tabs zwischen den Elementen also nicht:

<td>  
  <img ...>  
</td>

sondern:
<td><img ...></td>

2. Tipp:
Wenn das nicht hilft, gib den Bildern ein display:block z.B:

.fungus img {  
  display:block;  
}

3. Tipp:
Wenn du CSS verwendest, kannst du dies auch konsequenter tun. Du kanns beim
HTML einiges einsparen, wenn du statt HTML-Elemente für das Layout zu verwenden,
den wirklich notwendigen Elementen die richtigen Eigenschaften per CSS mitgibst.

Auf Wiederlesen
Detlef

[Artur]

1. Tipp:
   Vermeide Leerzeichen, Zeilenumbrüche oder Tabs zwischen den Elementen also nicht:

<td>

<img ...>
</td>

> sondern:  
> `<td><img ...></td>`{:.language-html}  
  
Danke, das war der goldene Tipp! Ich habe alle Seiten geändert - es funktioniert!!!  
Schöne Grüße  
Artur

[MudGuard]

Hi,

ich habe ein Problem mit meinen Fotos, die in einer Tabelle mit einem doppelten dünnen Rand versehen werden sollen (schwarz und hell grün). Die Seite wird in dem Mozilla Firefox richtig dargestellt, dagegen kriege ich es nicht hin, in dem Internet Explorer den unteren Rahmen zu "verdünnen". Ich werde das Gefühl nicht los, dass ich etwas grundsätzliches falsch mache.

Wozu die Tabelle?

Für den doppelten Rahmen gib dem Bild die Farbe des inneren Rahmens als Hintergrundfarbe, die Dicke des inneren Rahmens als padding und den äußeren Rahmen als border.

cu,
Andreas

[Detlef G.]

Hallo Andreas

Für den doppelten Rahmen gib dem Bild die Farbe des inneren Rahmens als Hintergrundfarbe, die Dicke des inneren Rahmens als padding und den äußeren Rahmen als border.

Das funktioniert im IE aber nur, wenn er diesen aus dem Quirxmode holt.

Auf Wiederlesen
Detlef