Quov: Mehrere Tabellen nach größter TD ausrichten

Beitrag lesen

SELF-Forum

Mehrere Tabellen nach größter TD ausrichten

Quov
– Informationen zu den Bewertungsregeln

Hab ich dich richtig verstanden?

<!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">  
  
table.header {  
  
  margin:5px 10px 5px 10px;  
  
 }  
  
th.header {  
  
text-align:left;  
  
}  
td.header {  
  
  
border:1px dashed red;  
  
}  
  
  
table.content {  
  
border-collapse:collapse;  
border:1px solid purple;  
  
}  
  
td.content {  
  
border: 1px solid #000;  
vertical-align:top;  
  
  
}  
th.content {  
border: 1px solid #000;  
vertical-align:top;  
  
  
}  
  
  
  
</style>  
  
  
  
</head>  
<body>  
<table class="header" cellspacing="20">  
         <tr><th class="header"> Office</th> </tr>  
         <td class="header">  
                 <table class="content" cellpadding="10">  
                 <tr><th class="content">Name</th><th class="content">Version</th><th class="content">Language</th><th class="content">Install Location</th></tr>  
                 <tr><td class="content">Microsoft Office Professional Plus 2010</td><td class="content">14.0.1.8456.0.1</td><td class="content">German</td><td class="content">C:\Program Files\Microsoft\Office\Office14</td></tr>  
                 <tr><td class="content">Microsoft Office Professional Plus 2010</td><td class="content">14.0.1.8456.0.1</td><td class="content">German</td><td class="content">C:\Program Files\Microsoft\Office\Office14</td></tr>  
                 </table>  
         </td>  
         <tr><th class="header">Adobe</th></tr>  
         <td class="header">  
                 <table class="content" cellpadding="10">  
                 <tr><th class="content">Name</th><th class="content">Version</th><th class="content">Language</th><th class="content">Install Location</th></tr>  
                 <tr><td class="content">Adobe Reader 9.4.0 - Deutsch</td><td class="content">9.4.0</td><td class="content">Deutsch</td><td class="content">C:\Program Files\Adobe\9.0\Reader</td></tr>  
                 </table>  
         </td>  
         <tr><th class="header">Normfall</th></tr>  
         <td class="header">  
                <table class="content" cellpadding="10">  
                <tr><th class="content">Name</th><th class="content">Version</th><th class="content">Language</th></tr>  
                <tr><td class="content">Normfall Manager</td><td class="content">5.0.6.00.1</td><td class="content">Deusch</td></tr>  
                <tr><td class="content">Normfall PDF Editor</td><td class="content">4.0.1</td><td class="content">Deusch</td></tr>  
                </table>  
        </td>  
</table>  
</body>  
</html>

Wie man sieht, steh ich nun vor zwei Problemen:

Mit Cellspacing hab ich vom th.header zum td.header einen Abstand, der nicht exisiteren soll(Zumindest nicht in der selben Größe wie der Abstand von thtd zu thtd) - und ich weiß nicht, wie ich den th/td.content beibringen kann, auf die komplette Größe zu maximieren außer mit width:100% was nur den ersten Eintrag vergrößert.
Grüße und Danke für die Hinweise :))

Beitrag melden
–
Informationen zu den Bewertungsregeln