✔ Seltsames IE Problem

[selle1]

Hallo zusammen,

ich habe ein IE Problem, welches sehr seltsam ist. Auf der Eingangsseite im Header ist alles ok (kein weißer Rand unter dem Header). Auf der Seite Vacancies habe ich diesen weißen Rand.
Wieso? Die Tabellen-Layouts sind die gleichen.

 

[Maik]

Hi,

auf der genannten Seite "Vacancies" macht sich im IE die Interpretierung der "Whitespaces" (Zeilenumbrüche, Tab-Einrückungen) vor bzw. hinter dem <img>-Tag bemerkbar.

img { display:block; }

stellt dies ab und schliesst die Lücke.

 

[selle1]

Hallo,

sorry, aber ich kapier es nicht.
Ich verstehe auch nicht warum dies auf der Eingangsseite nicht so ist.

 

[Maik]

Auf der Eingangsseite hast du keinen Zeilenumbruch im Quellcode eingefügt:

<td height="64" colspan="4" bgcolor="#E6E6E6"><img src="pics/index3.jpg" width="900" height="200" border="0" usemap="#IRS"></td>

Auf der "Vacancies"-Seite hingegen sieht der Code so aus:

<td colspan="4"><img src="pics/vacancies.jpg" width="900" border="0" usemap="#IRS">
      <map name="IRS">
        <area shape="rect" coords="26,54,181,134" href="http://www.engineering.irs-services.com" target="_top">
      </map></td>

und die Zeilenumbrüche nach dem <img>-Tag werden vom IE als "Whitespaces" interpretiert bzw. ausgegeben, was zu der Lücke zum nachfolgenden Element führt.

Im übrigen wird mein Lösungsvorschlag im Stylesheet und nicht im <img>-Tag notiert. :suspekt:

<td colspan="4"><img { display:block; }img src="pics/vacancies.jpg" width="900" border="0" usemap="#IRS">
      <map name="IRS">
        <area shape="rect" coords="26,54,181,134" href="http://www.engineering.irs-services.com" target="_top">
      </map></td>

 

[selle1]

Danke schön...