Probleme mit IE: table als link in <li> gebettet

SaharaWind

Hallo,

bin hier neu und noch leicht unbedarft was Webdesign angeht.

Habe ein kleines Problem bei einer Webseite die ich gerade Entwickelt habe.
Vielleicht kann mit jemand dabei helfen.

Mein Problem ist folgendes. Ich habe eine Webseite in der ich per php den Inhalt in einem Main Div aufrufe durch include.
In diesem Div ist ein Menue mit List aufgebaut. Im <li> ist ein <a>tag in diesem befindet sich ein Tabble mit 2 Zellen die erste Zelle beinhaltet ein Image, die zweite Zelle einen Text. Beim Mozila und allen anderen Browsern kann ich die 2 Zelle ankliken und der link funktioniert. Beim IE nicht da benutz er nur das Image als Link.

<li>
<a id="1" href="index.php?auswahl=2&book=1" title="" <?php if (!Empty($_GET['book'])) {if ($book == "1") echo 'class="active"';} else { echo '';} ?> >
<table>
<tr>
<td class="bookimage">
<img src="img/erotik.jpg" width="77" height="115" alt="Alles ausser Erotik" />
</td>
<td class="booklink">
<b><u>Alles ausser Erotik</u></b><br /><br /></td>
</tr>
</table>
</a>
</li>

vielleicht weis da jemand etwas.

Vielen Dank im Vorraus
Sahara

Grevas

Das was du da machst ist auch nicht valide, in ein <a> sollen keine Blockelemte rein. Womit zum Glück neuere Browser umgehen können - aber der IE versteht CSS nunmal nicht so richtig

Übrigens dürfen ID's nicht mit einer Zahl anfangen.

Aber egal, schau dir das hier mal an:

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title>Demo</title>
</head>
<body>
  <ul>
    <li>
      <a id="e1" href="#" title="">
        <img src="img/erotik.jpg" width="77" height="115" style="" alt="Alles ausser Erotik" /><b><u>Alles ausser Erotik</u></b>
      </a>
    </li>
  </ul>
  <style type="text/css">
    a {
      display: block;
      background: yellow;
      width: 300px;
    }
    img {
      display: inline-block;
      background: red;
      vertical-align: middle;
      margin: 0 5px 0 0;
    }
    img + b {
      display: inline-block;
    }
  </style>
</body>
</html>

Alles anzeigen

Tags