Problem mit thead mit postion fixed

[Steve Stiffler]

Hallo erstmal ich hoffe mir kann jemand in meinem Fall helfen ich bin anscheinend gänzlich behindert geworden oder zu lange raus aus dem Thema. Ich brauche den "thead" einer Table fixiert. Wenn ich die Attribute dazu setze zerreist es mir immer das Layout. Vielleicht kann mir einer von euch mal helfen.

<table >
<thead>
<tr>
<th></th>
<th style="text-align: center;" colspan="4"><span style="font-size: 18pt;">individuelle Zirkon Abutments - einteilig original</span><span style="font-size: 18pt;"> </span><span style="font-size: 18pt;"> </span><span style="font-size: 18pt;"> </span></th>
</tr>
<tr>
<td style="text-align: center;"></td>
<td style="text-align: center;"> <img class="alignnone wp-image-622 size-full" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/05/Zirkon-Abutment.jpg" alt="" width="170" height="75" /></td>
<td style="text-align: center;"> <img class="wp-image-573 size-full alignnone" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/Atlantis-logo.jpg" alt="" width="170" height="75" /></td>
<td style="text-align: center;"> <img class="alignnone wp-image-574 size-full" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/bego-logo.jpg" alt="" width="170" height="75" /></td>
<td style="text-align: center;"> <img class="alignnone wp-image-580 size-full" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/simeda-logo.jpg" alt="" width="170" height="75" /></td>
</tr>
<tr>
<td rowspan="5"></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">Fertiger</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">Atlantis</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">BEGO</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">simeda</span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Preis</td>
<td style="text-align: center; vertical-align: middle;">regional</td>
<td style="text-align: center; vertical-align: middle;">?</td>
<td style="text-align: center; vertical-align: middle;">?</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Information</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Schnittstellen</td>
<td style="text-align: center; vertical-align: middle;"><a href="http://fdt-intranet.flemmingservice.lan/index.php/startseite/l-atlantis-org-1pc-zr-abut-2/">Liste</a></td>
<td style="text-align: center; vertical-align: middle;"><a href="http://fdt-intranet.flemmingservice.lan/index.php/startseite/l-bego-org-1pc-zr-abut-2/">Liste</a></td>
<td style="text-align: center; vertical-align: middle;"><a href="http://fdt-intranet.flemmingservice.lan/index.php/startseite/ue-1pc-org-zr-abut/l-simeda-org-1pc-zr-abut/">Liste</a></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Lieferumfang</td>
<td style="text-align: center; vertical-align: middle;">ink. klinischer Schraube</td>
<td style="text-align: center; vertical-align: middle;">ink. klinischer Schraube</td>
<td style="text-align: center; vertical-align: middle;">ink. klinischer Schraube</td>
</tr>
</thead>
<tbody>
<tr>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;" rowspan="12"><span style="color: #ffffff;">Anthogyr®</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">AXIOM®REG®/PX®</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø Unique</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
</tr>
<tr>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">OSSFIT®</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 4,8</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 5,6</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
</tr>
<tr>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">ANTHOFIT® HE</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 4,1</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 5,0</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
</tr>
<tr>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">ANTHOFIT® OI</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 3,5</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 4,0</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 5,0</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"></td>
</tr>
<tr>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;" rowspan="11"><span style="color: #ffffff;">Bego®</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;">Semados S/RI-Line</span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
<td style="background-color: #a4338a; text-align: center; vertical-align: middle;"><span style="color: #ffffff;"> </span></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 3,25</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
<td style="text-align: center; vertical-align: middle;"></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 3,75</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
<td style="text-align: center; vertical-align: middle;"></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Ø 4,1</td>
<td style="text-align: center; vertical-align: middle;"></td>
<td style="text-align: center; vertical-align: middle;"><img class="aligncenter wp-image-152" src="http://fdt-intranet.flemmingservice.lan/wp-content/uploads/2017/04/iconmonstr-check-mark-15.png" alt="" width="12" height="12" /></td>
<td style="text-align: center; vertical-align: middle;"></td>
</tr>