# header\_teaser verschiebt sich bei diversen Auflösungen

**URL:** <https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [8. November 2012 um 11:11 UTC](https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688 "2012-11-08T11:11:35Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![cosmoxx](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@cosmoxx](https://forum.shopware.com/u/cosmoxx)\
**Post date:** [8. November 2012 um 11:11 UTC](https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688/1 "2012-11-08T11:11:35Z")

</div>

Hallo Shopware Gemeinde, habe ein header\_teaser erstellt, diesen in der CSS “absolut” gesetzt. Trotzdem wird dieser Teaser unter diversen Auflösungen anders angezeigt, mal zu weit rechts oder links. Kann mir jemand einen Tipp geben? Danke. Gruß

---

<div class="post-metadata">

**Author:** ![cosmoxx](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@cosmoxx](https://forum.shopware.com/u/cosmoxx)\
**Post date:** [12. November 2012 um 11:51 UTC](https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688/2 "2012-11-12T11:51:50Z")

</div>

Kann mir denn niemand einen Tipp geben?

---

<div class="post-metadata">

**Author:** ![bbene](https://avatars.discourse-cdn.com/v4/letter/b/9de0a6/32.png) [@bbene](https://forum.shopware.com/u/bbene)\
**Post date:** [12. November 2012 um 12:28 UTC](https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688/3 "2012-11-12T12:28:14Z")

</div>

Positionierungswerte beziehen sich auf das nächsthöhere Element, dessen Positionierung NICHT static ist. In deinem Fall würde ich mal schauen, ob eines der Eltern-Elemente den Verschiebungs-effekt verusacht. Gruß, Bbene

---

<div class="post-metadata">

**Author:** ![cosmoxx](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@cosmoxx](https://forum.shopware.com/u/cosmoxx)\
**Post date:** [12. November 2012 um 16:00 UTC](https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688/4 "2012-11-12T16:00:44Z")

</div>

Die CSS sieht so aus: /\*\* Header teaser styling \*/ .header\_teaser { position: absolute; left: 400px; top: 50px; } .header\_teaser .column { float: left; width: 130px; font-size: 11px; color: #999; padding: 0 15px; } .header\_teaser .last\_column { border-right: 0 none } Die index.tpl {block name=‘frontend\_index\_actions’}

{s name=“IndexTeaserShippingFree”} **Kostenloser Versand**  
ab 20{/s}

{s name=“IndexTeaserRevocation”} **14 Tage**  
Rückgaberecht{/s}

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [12. November 2012 um 16:04 UTC](https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688/5 "2012-11-12T16:04:51Z")

</div>

Kann es sein, dass du einen Denkfehler hast? Wenn der Header left: 400px; hat, dann sitzt der vom linken Fensterrand ja immer 400px weg. D.h. dass du Verschiebungen hast, je nach Auflösung. Ich kenne das mit negativem margin. Du hast z.B. ein Element mit der breite von 1000px und willst dies immer zentriert in der Mitte haben. ` postion: absolute; left: 50%; margin-left: -500px; `

---

<div class="post-metadata">

**Author:** ![bbene](https://avatars.discourse-cdn.com/v4/letter/b/9de0a6/32.png) [@bbene](https://forum.shopware.com/u/bbene)\
**Post date:** [12. November 2012 um 18:25 UTC](https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688/6 "2012-11-12T18:25:23Z")

</div>

dein CSS sagt, dass dein header IMMER 400px vom linken rand entfernt ist…wenn dann der Rest deiner Seite zentriert sitzt, kommt es natürlich zu differenzen. falls du eine einfache zentrierung damit erreichen willst, dann müsstest du es entweder machen wie von ottscho beschrieben, oder ` element{ width:500px; margin: auto ; margin-top:50px; } `

---

<div class="post-metadata">

**Author:** ![cosmoxx](https://avatars.discourse-cdn.com/v4/letter/c/e8c25b/32.png) [@cosmoxx](https://forum.shopware.com/u/cosmoxx)\
**Post date:** [13. November 2012 um 10:11 UTC](https://forum.shopware.com/t/header-teaser-verschiebt-sich-bei-diversen-auflosungen/9688/7 "2012-11-13T10:11:17Z")

</div>

Hallo, war natürlich ein Denkfehler meinerseits. Vielen Dank. Gruß