Quov: Mehrere Tabellen nach größter TD ausrichten

Beitrag lesen

SELF-Forum

Mehrere Tabellen nach größter TD ausrichten

Quov
– Informationen zu den Bewertungsregeln

Hallo!
Schwierig, eine passende berschrift zu finden ;o

Folgendes Problem:

Ich habe ein html Dokument in welchem mehrere Tabellen zum Einsatz kommen.
Nun ist der Inhalt der Tabellen unterschiedlich, dennoch sollen die Tabellen allesamt gleich breit sein - und zwar ohne, dass ich ihnen eine feste Breite zuweise - der Inhalt soll die Breite bestimmen.
Hat da jemand eine Idee für mich?

Anbei mein bisheriger Code:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Normfall Systemdiagnose</title>  
<style type="text/css">  
  
div#header h1{  
  
color:white;  
  
}  
  
div#user{  
  
  
  background-color:red;  
  border:1px solid green;  
  margin:3px 5px 3px 5px;  
  padding: 5px 10px 5px 10px;  
}  
div#content{}  
div#content table {  
  
border-collapse:collapse;  
border:1px solid purple;  
  
  
}  
div#content td{  
  
border:1px solid #000;  
vertical-align:top;  
  
  
}  
  
div#content th{  
  
border:1px solid #000;  
vertical-align:top;  
  
  
}  
</style>  
  
  
  
</head>  
<body>  
  
<div id="user">  
     <div id="header">  
     <h1>Office</h1>  
     </div>  
     <div id="content">  
      <table cellpadding="10" >  
      <tr><th>Name</th><th>Version</th><th>Language</th><th>Install Location</th></tr>  
      <tr><td>Microsoft Office Professional Plus 210</td><td>14.0.1.8094.1</td><td>German</td><td>C:\Program Files\Microsoft Office\Office\Office14\</td></tr>  
      <tr><td>Microsoft Office Professional Plus 210</td><td>14.0.1.8094.1</td><td>German</td><td>C:\Microsoft Office\Office\Office14\</td></tr>  
      <tr><td>Microsoft Office </td><td>14.0.1.8094.1</td><td>German</td><td>C:\Program Files\\</td></tr>  
      </table>  
       </div>  
       <div id="header">  
     <h1>Adobe</h1>  
     </div>  
     <div id="content">  
      <table cellpadding="10" >  
      <tr><th>Name</th><th>Version</th><th>Language</th><th>Install Location</th></tr>  
      <tr><td>Adobe Reader 9.4.0 - Deutsch</td><td>9.4.0</td><td>Deusch</td><td>C:\Program Files\Adobe\</td></tr>  
      </table>  
       </div>  
       <div id="header">  
     <h1>Normfall</h1>  
     </div>  
     <div id="content">  
      <table cellpadding="10" >  
      <tr><th>Name</th><th>Version</th><th>Language</th></tr>  
      <tr><td>Normfall Manager</td><td>5.0.6.00.1</td><td>Deusch</td></tr>  
      <tr><td>Normfall PDF Editor</td><td>4.0.1</td><td>Deusch</td></tr>  
      </table>  
       </div>  
  
  
</div>  
<div id="user">  
     <div id="header">  
     <h1>Office</h1>  
     </div>  
     <div id="content">  
      <table cellpadding="10" >  
      <tr><th>Name</th><th>Version</th><th>Language</th><th>Install Location</th></tr>  
      <tr><td>Microsoft Office Professional Plus 210</td><td>14.0.1.8094.1</td><td>German</td><td>C:\Program Files\Microsoft Office\Office\Office14\</td></tr>  
      <tr><td>Microsoft Office Professional Plus 210</td><td>14.0.1.8094.1</td><td>German</td><td>C:\Microsoft Office\Office\Office14\</td></tr>  
      <tr><td>Microsoft Office </td><td>14.0.1.8094.1</td><td>German</td><td>C:\Program Files\\</td></tr>  
      </table>  
       </div>  
       <div id="header">  
     <h1>Adobe</h1>  
     </div>  
     <div id="content">  
      <table cellpadding="10" >  
      <tr><th>Name</th><th>Version</th><th>Language</th><th>Install Location</th></tr>  
      <tr><td>Adobe Reader 9.4.0 - Deutsch</td><td>9.4.0</td><td>Deusch</td><td>C:\Program Files\Adobe\</td></tr>  
      </table>  
       </div>  
       <div id="header">  
     <h1>Normfall</h1>  
     </div>  
     <div id="content">  
      <table cellpadding="10" >  
      <tr><th>Name</th><th>Version</th><th>Language</th></tr>  
      <tr><td>Normfall Manager</td><td>5.0.6.00.1</td><td>Deusch</td></tr>  
      <tr><td>Normfall PDF Editor</td><td>4.0.1</td><td>Deusch</td></tr>  
      </table>  
       </div>  
</div>  
</body>  
</html>

Grüße

Beitrag melden
–
Informationen zu den Bewertungsregeln