Versions-Historie des Beitrags „Problem mit thead mit postion fixed“

Problem mit thead mit postion fixed

bearbeitet von Steve Stiffler 15.06.2017 12:16

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. ~~~HTML <table > <thead> <tr> <th></th> <th style="text-align: center;" colspan="4">individuelle Zirkon Abutments - einteilig original </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;">Fertiger</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">Atlantis</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">BEGO</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">simeda</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">Anthogyr®</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">AXIOM®REG®/PX®</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </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;">OSSFIT®</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </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;">ANTHOFIT® HE</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; 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;"></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;">ANTHOFIT® OI</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </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">Bego®</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">Semados S/RI-Line</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </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> ~~~

Problem mit thead mit postion fixed

bearbeitet von

Gunnar Bittersmann 15.06.2017 12:29

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">individuelle Zirkon Abutments - einteilig original </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;">Fertiger</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">Atlantis</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">BEGO</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">simeda</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">Anthogyr®</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">AXIOM®REG®/PX®</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </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;">OSSFIT®</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </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;">ANTHOFIT® HE</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; 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;"></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;">ANTHOFIT® OI</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </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">Bego®</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;">Semados S/RI-Line</td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </td> <td style="background-color: #a4338a; text-align: center; vertical-align: middle;"> </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>