Steve Stiffler: Problem mit thead mit postion fixed

SELF-Forum

Problem mit thead mit postion fixed

Steve Stiffler (Versionen)
– Informationen zu den Bewertungsregeln

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>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Problem mit thead mit postion fixed

    TS Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello,

    generell empfehle ich Dir zum Thema "thead fixed" das "Gebastel" von Gunnar.
    Dar Thread war erst im Mai diesen Jahres

    Liebe Grüße
    Tom S.

    --
    Es gibt nichts Gutes, außer man tut es
    Andersdenkende waren noch nie beliebt, aber meistens diejenigen, die die Freiheit vorangebracht haben.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln