# Wie zentriere ich das Thumbnail Bild in der div.artbox?

**URL:** <https://forum.shopware.com/t/wie-zentriere-ich-das-thumbnail-bild-in-der-div-artbox/13590>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [5. Juni 2013 um 16:36 UTC](https://forum.shopware.com/t/wie-zentriere-ich-das-thumbnail-bild-in-der-div-artbox/13590 "2013-06-05T16:36:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gazu](https://avatars.discourse-cdn.com/v4/letter/g/c89c15/32.png) [@Gazu](https://forum.shopware.com/u/Gazu)\
**Post date:** [5. Juni 2013 um 16:36 UTC](https://forum.shopware.com/t/wie-zentriere-ich-das-thumbnail-bild-in-der-div-artbox/13590/1 "2013-06-05T16:36:57Z")

</div>

So… Nach langem hin und her bekomme ich das Thumbnail in der div.artbox nicht zentriert. Wenn ich den Width Wert des Thumbs erhöhe, so verschiebt sich das Bild zwar, allerdings ist dann ein kleiner Rand vom Hintergrund in weiß ebenfalls das Bild. Man kann also 5 mm neben das Bild klicken und trotzdem kann man den Artikel öffnen. Wenn ich den Width Wert normal setze, so ist das Bild leider nicht mittig. Der „weiße Rand“ ist dann auch nicht mehr anklickbar. Allerdings ist das Bild wie gesagt nicht mittig ☹ Wie kann man das lösen? Gruß Gazu

---

<div class="post-metadata">

**Author:** ![Strongground](https://avatars.discourse-cdn.com/v4/letter/s/b5e925/32.png) [@Strongground](https://forum.shopware.com/u/Strongground)\
**Post date:** [6. Juni 2013 um 15:51 UTC](https://forum.shopware.com/t/wie-zentriere-ich-das-thumbnail-bild-in-der-div-artbox/13590/2 "2013-06-06T15:51:03Z")

</div>

Also ich habe mich heute wegen eines Templates mit der box\_article beschäftigt. Und auch wenn mir angesichts der Verschachtelungen und dazugehörigen Styles ganz anders wurde, ist das Artikelbild im emotion-Template ganz einfach als Hintergrundgrafik für ein nchor-Element umgesetzt. Und zwar ist es auch schon per Definition zentriert: `a.artbox\_thumb { background: url(http://localhost/shopware\_demo/media/image/thumbnail/01\_121\_10cm51b076f114c3c\_140x140.jpg) no-repeat center center; }` Hast du nen Link?

---

<div class="post-metadata">

**Author:** ![Gazu](https://avatars.discourse-cdn.com/v4/letter/g/c89c15/32.png) [@Gazu](https://forum.shopware.com/u/Gazu)\
**Post date:** [6. Juni 2013 um 20:43 UTC](https://forum.shopware.com/t/wie-zentriere-ich-das-thumbnail-bild-in-der-div-artbox/13590/3 "2013-06-06T20:43:25Z")

</div>

Hallo! Hier nochmal ein Bild zur verdeutlichung, was ich genau meine: ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/85c76fb58166cf4de3275b6c73773b974ad2b94e.gif) Also ich befinde mich mit dem Mauszeiger neben dem Bild, kann aber trotzdem drauf klicken. Das liegt vermutlich da dran das es nicht komplett dargestellt wird. Stelle ich Width kleiner, kann ich zwar nicht mehr neben das Bild klicken, dafür ist das Bild dann aber nicht mehr zentriert in der mitte ;(

---

<div class="post-metadata">

**Author:** ![07alex07](https://avatars.discourse-cdn.com/v4/letter/0/b5a626/32.png) [@07alex07](https://forum.shopware.com/u/07alex07)\
**Post date:** [7. Juni 2013 um 08:28 UTC](https://forum.shopware.com/t/wie-zentriere-ich-das-thumbnail-bild-in-der-div-artbox/13590/4 "2013-06-07T08:28:16Z")

</div>

Hast du ein Link zur Seite damit man sich das anschauen kann?

---

<div class="post-metadata">

**Author:** ![Strongground](https://avatars.discourse-cdn.com/v4/letter/s/b5e925/32.png) [@Strongground](https://forum.shopware.com/u/Strongground)\
**Post date:** [7. Juni 2013 um 11:17 UTC](https://forum.shopware.com/t/wie-zentriere-ich-das-thumbnail-bild-in-der-div-artbox/13590/5 "2013-06-07T11:17:23Z")

</div>

Gerade bei der verschachtelten Struktur der artbox mit diversen paddings macht es Sinn, wenn du uns einen Link zur Verfügung stellst. Dann lässt das Problem sich normalerweise schnell identifizieren und beheben. Herumraten ist schwer bei sowas. 🙂