Thomas J.S.: Internet Explorer 6: float Problem

Beitrag lesen

Hallo,

Nimm einen Tabelle. Im ernst.

das bringt mich auch nicht viel weiter ;-)

wenn ich Tabellen nehmen würde, müsste ich die Tabellen auch verschachteln, dadurch entsteht sogar noch mehr Code

denn der Rahmen soll ungefähr so aussehen :-)

Oh menno!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Version 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
  body {
   background-color:#999999;
   margin:20px;
  }
  #Container {
   width:29.2em;
   background-color:#FFFFFF;
   padding:0.4em;
  }
  #RahmenContainer {
   border:0.4em solid #000000;
   padding:0.2em;
  }
  #tableContainer {
   border:0.2em solid #000000;
   border-collapse:collapse;
   width:28em;
  }
  #bild img {
   width: 10em;
   /*height:200px;*/
   border:0px;
   display:block;
  }
  p {
   margin:0px;
   padding:0px;
  }
  .name {
   font-size:1.5em;
   text-align:center;
   margin:1em 0;
  }
  .datum {
   font-size:0.5em;
   text-align:center;
  }
  .angehoerige {
   margin:0.5em 3em;
  }
  .spruch {
   margin: 0em 1.5em;
  }
</style>
</head>
<body>
<div id="Container">
 <div id="RahmenContainer">
  <table id="tableContainer" cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td id="bild" valign="top">
      <img src="/version/motiv.gif" alt="" />
    </td>
    <td id="text">
     <p class="spruch">Die Erinnerung ist das einzige Paradies, woraus wir nicht vertrieben werden können.</p>
     <p class="name">Vorname Nachname<br />
      <span class="datum">* 31.12.2004&nbsp;&nbsp;&#8224; 01.01.2005</span>
     </p>
     <p class="angehoerige">In Liebe und Dankbarkeit<br />
      <strong>Person1<br />
      Person2<br />
      Person3</strong>
     </p>
    </td>
   </tr>
   <tr>
   <td colspan="2">
    <p>Hier kann noch etwas Text stehen.</p>
   </td>
   </tr>
  </table>
 </div>
</div>
</body>
</html>

Grüße
Thomas