verschiedene Bildhöhen im Webfront

Guten abend liebes Forum,

mit diesem Script erstelle ich eine Seite mit meinen IP Cams. Ich bekomme es nicht trotz anpassung beide Bilder auf die gleich Höhe zu bekommen.


<!--
<!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" xml:lang="de" lang="de">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

<style type="text/css">@import "default.css";</style>
<style type="text/css">
html, body { margin: 0; padding: 0; }
</style>

</head><body>

<table style="width: 30%; height: 50%; border: 0;"><tbody><tr><td align="center" valign="middle">
<div style="border: 10px solid #3A3D40; width: 362px; height: 251px;">
<div style="border: 1px solid white; padding: 10px; background: black; width: 320px; height: 240px;">
<img src="http://192.168.143.40:8080/snapshot.jpg?t=<?php echo time(); ?>" />
</div></div>
</td></tr>
</tbody></table>

<table style="width: 100%; height: 50%; border: 0;"><tbody><tr><td align="center" valign="middle">
<div style="border: 10px solid #3A3D40; width: 362px; height: 251px;">
<div style="border: 1px solid white; padding: 10px; background: black; width: 320px; height: 240px;">
<img src="http://augustdorf.dyndns.org:8081/snapshot.jpg?t=<?php echo time(); ?>" />
</div></div>
</td></tr>
</tbody></table>

</body></html>

Ich habe es mit width und height probiert. Die Seitlich Ausrichtung hat geklappt, aber die Höhe bekomme ich ums verre…en nicht hin. Hat einer eine Idee?

Grüße Mirco

Probier’s mal hiermit:

<!--
<!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" xml:lang="de" lang="de">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

<style type="text/css">@import "default.css";</style>
<style type="text/css">
html, body { margin: 0; padding: 0; }
</style>

</head><body>

<table style="width: 100%; height: 100%; border: 0;"><tbody><tr>
<td align="center" valign="middle">
<div style="border: 10px solid #3A3D40; width: 362px; height: 251px;">
<div style="border: 1px solid white; padding: 10px; background: black; width: 320px; height: 240px;">
<img src="http://192.168.143.40:8080/snapshot.jpg?t=<?php echo time(); ?>" />
</div></div>
</td>
<td align="center" valign="middle">
<div style="border: 10px solid #3A3D40; width: 362px; height: 251px;">
<div style="border: 1px solid white; padding: 10px; background: black; width: 320px; height: 240px;">
<img src="http://augustdorf.dyndns.org:8081/snapshot.jpg?t=<?php echo time(); ?>" />
</div></div>
</td>
</tr>
</tbody></table>

</body></html>

genau so soll es aussehen. Danke