<?xml version="1.0" encoding="iso-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de"> <head> <title>Problemfälle XHTML und CSS: Höhe von Tabellenzellen</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="DE" /> <meta http-equiv="Content-Style" content="text/css" /> <meta name="description" content="Problemfälle XHTML und CSS: Höhe von Tabellenzellen." /> <meta name="keywords" content="HTML, Tabellen, CSS, XHTML" /> <meta name="author" content="Roland Unger" /> <style type="text/css"> .blockimage { display: block } </style> </head> <body> <h1>Problemfälle XHTML und CSS</h1> <h2>Höhe von Tabellenzellen</h2> <p>XHTML-Dokumente stellen standardmäßig Tabellenzellen mit Höhen als Vielfaches von Textzeilenhöhen dar. Dies betrifft auch Bilder, die den Wert "inline" der CSS-Eigenschaft "display" besitzen. Soll die Höhe einer Tabellenzelle von der Bildhöhe abhängen, so muss der CSS-Eigenschaft "display" der Wert "block" zugewiesen werden.</p> <h2>Beispiel ohne Korrektur</h2> <table summary="Beispiel für Horizontallinie" bgcolor="#961E00" width="80%" cellspacing="0" cellpadding="0" border="0" align="center"> <tr> <td><img src="html_dot.gif" width="1" height="1" alt="" /></td> </tr> </table> <h2>Beispiel mit Korrektur</h2> <table summary="Beispiel für Horizontallinie" bgcolor="#961E00" width="80%" cellspacing="0" cellpadding="0" border="0" align="center"> <tr> <td><img src="html_dot.gif" class="blockimage" width="1" height="1" alt="" /></td> </tr> </table> </body> </html>