# Farbige Border um Themenweltbanner wird bei Viewportänderung abgeschnitten

**URL:** https://forum.shopware.com/t/farbige-border-um-themenweltbanner-wird-bei-viewportanderung-abgeschnitten/37585
**Category:** Themes & Design
**Created:** [20. Juni 2016 um 14:30 UTC](https://forum.shopware.com/t/farbige-border-um-themenweltbanner-wird-bei-viewportanderung-abgeschnitten/37585 "2016-06-20T14:30:16Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![shopmax](https://avatars.discourse-cdn.com/v4/letter/s/59ef9b/32.png) [@shopmax](https://forum.shopware.com/u/shopmax)
#### Post date: [20. Juni 2016 um 14:30 UTC](https://forum.shopware.com/t/farbige-border-um-themenweltbanner-wird-bei-viewportanderung-abgeschnitten/37585/1 "2016-06-20T14:30:16Z")

</div>

Hallo Zusammen,

trotz stundenlangem Probieren und Herumsuchen finde ich keine Lösung. Ich möchte in einer Themenwelt 3-spaltig 6 Banner kachelmässig anbringen und jedes Banner lessmässig mit einem farbigen Rand umgeben. Leider werden immer einzelne Ränder nicht angezeigt wenn die Größe des Viewports sich verändert. Ich habe nachfolgend auf meiner Testspielwiese ( [http://bit.ly/28Jlz4P](http://bit.ly/28Jlz4P) ) 6 weisse Banner zum Probieren aufgezogen und die less wie folgt ergänzt:

.emotion–banner {  
&nbsp;&nbsp;&nbsp; border: 1px solid red;}

&nbsp;

Aber egal was ich lessmässig anstelle, es klappt nicht. Irgendwelche Tipps?

Danke und schöne Grüße  
&nbsp;

---

<div class="post-metadata">

### Author: ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)
#### Post date: [20. Juni 2016 um 14:42 UTC](https://forum.shopware.com/t/farbige-border-um-themenweltbanner-wird-bei-viewportanderung-abgeschnitten/37585/2 "2016-06-20T14:42:51Z")

</div>

Wenn ich mich recht erinner, hat ein EKW-Element ja keinen “Rand” - die Größe wird dann&nbsp;ohne Rand berechnet. Nun Verpasst Du der Box einen Rand - der kommt dann ja noch zur Größe dazu und passt somit nicht mehr in den umgebenden Container.

Gibt dem Element noch ein “box-sizing:border-box;” mit - dann wird die Größe vom border nicht aufgeschlagen, sondern der Container entsprechend vorher verkleinert.

---

<div class="post-metadata">

### Author: ![shopmax](https://avatars.discourse-cdn.com/v4/letter/s/59ef9b/32.png) [@shopmax](https://forum.shopware.com/u/shopmax)
#### Post date: [20. Juni 2016 um 18:11 UTC](https://forum.shopware.com/t/farbige-border-um-themenweltbanner-wird-bei-viewportanderung-abgeschnitten/37585/3 "2016-06-20T18:11:11Z")

</div>

Danke für den Hinweis. Habe jetzt alle möglichen Elemente als border-box definiert. Ohne Erfolg. Entweder ich mach was falsch oder es ist so nicht zu beeinflussen???

---

<div class="post-metadata">

### Author: ![Philipp\_Schuch](https://avatars.discourse-cdn.com/v4/letter/p/8797f3/32.png) [@Philipp\_Schuch](https://forum.shopware.com/u/Philipp_Schuch)
#### Post date: [21. Juni 2016 um 06:21 UTC](https://forum.shopware.com/t/farbige-border-um-themenweltbanner-wird-bei-viewportanderung-abgeschnitten/37585/4 "2016-06-21T06:21:03Z")

</div>

Hallo,

bei Deiner Einkaufswelt verwendest Du den „Resize“ Modus bei dem eine CSS Skalierung vorgenommen wird. Hierbei werden auch sämtliche Styles „skaliert“. Dein bereits aus nur 1px bestehender Border wird also auch kleiner. Je nach Sub-Pixel Rendering der verschiedenen Browser kann es sein, dass dieser nicht richtig dargestellt wird.

Sonnige Grüße,  
Phil

---

<div class="post-metadata">

### Author: ![shopmax](https://avatars.discourse-cdn.com/v4/letter/s/59ef9b/32.png) [@shopmax](https://forum.shopware.com/u/shopmax)
#### Post date: [21. Juni 2016 um 07:07 UTC](https://forum.shopware.com/t/farbige-border-um-themenweltbanner-wird-bei-viewportanderung-abgeschnitten/37585/5 "2016-06-21T07:07:54Z")

</div>

Das klingt logisch, danke für die Info. Hast du denn sonst eine Idee, wie man das realisieren könnte?
