SocialMedia-Buttons verschieben TPL

Deutsches Forum
1

Noch ein Problem:

Die neuen SocialMedia-Buttons von Google+ und Facebokk verschieben aufgrund der iframe’s das ganze Tpl.

Habe die Buttons in die Left-Spalte unterhalb div.logo eigefügt, alles in (separate) divs gepackt, sauber abgegrenzt, overflow:hidden etc. Trotzdem werden in IE die Spalten verschoben. Safari und Firefox könnens ausgleichen.

Hat Jemand eine Lösung für dieses Problem?

2

Du müsstest uns schon genau sagen was du geändert hast. Gibt es einen Link zum Shop oder sämtliche Änderungen zum selbst ausprobieren?

Ohne HTML und CSS sehen zu können, kann keiner helfen…

3

Hoi Christoph

Habe in der left.tpl folgenden Code:

<div class=“logo”>

<a href=“http://www.tierli-telefon.ch” id=“link.zendSite”><img src="[{$oViewConf->getImageUrl()}]zend_logo2.gif"</a>
[{oxscript add=“oxid.blank(‘link.zendSite’);”}]<br><br>

    &lt;div class="socialmedia"&gt;
     &lt;div class="socialmedia2"&gt;
    &lt;br&gt; Empfehlen Sie uns mit Google+&lt;br&gt;
     &lt;!--Dieses Tag dort einfŸgen, wo die +1-SchaltflŠche dargestellt werden soll//--&gt;

<g:plusone size=“medium”></g:plusone><br><br>

Folgen Sie uns auf Facebook<br>

<a href=“http://www.facebook.com/pages/xxxx/228915070013?ref=ts”><img src="[{$oViewConf->getImageUrl()}]facebook.jpg"</a>
<iframe src=“http://www.facebook.com/plugins/like.php?app_id=167601236641349& href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fxxx%2F228915070013%3Fref%3Dts&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font=arial&height=21” scrolling=“no” frameborder=“0” style=“border:none; overflow:hidden; width:110px; height:21px;” allowTransparency=“true”></iframe> </div>
</div>
</div>
</div>

Code CSS:
div.socialmedia {width:179px; background: #FFFCE1; border:1px solid #FFF; border-right: 3px solid #D1CFB8; overflow: hidden}
div.socialmedia2 {height: 159px; width:159px; margin-left:8px; background: #FFF; border:1px solid #D1CFB8; overflow: hidden}

Ich habe also innerhalb des logo.divs einen weiteren div (div.socialmededia) angehängt und in diesem einen Div-Container (div.socialmedia2) mit den socialmedia-buttons als Inhalt eingefügt. Das Template funktioniert. Jedoch stören die iframes (im code der socialmedia-buttons von google+ und facebook) die Darstellung auf IE. Dabei werden Spalten verschoben. (Entferne ich den Inhalt, ist alles ok = darum ganz sicher sind die iframes das Problem) Ist mir übrigens auch auf einer anderen Webseite passiert…

Hatte Jemand bereits das selbe Problem und weiss, wie dies ev. zu beheben ist?