2013-08-12 7 views
7

Ich versuche, das Twitter Widget zu meiner Website hinzufügen, aber ich habe ein Problem mit der Höhe des Widgets. Manchmal funktioniert es, manchmal ignoriert es den Wert der Höhe und streckt die Seite so, dass am unteren Rand viel Platz ist (dehnt das Widget auf 7847px aus). Ich habe versucht, Höhe innerhalb des Codes hinzuzufügen und die DIV Höhe, aber es tut es immer noch. Dies ist der Code, den ich von Twitter verwendeEmbedded Twitter Widget Höhe Ausgabe

<a class="twitter-timeline" data-chrome="nofooter noheader noborders noscrollbar transparent" height='350' data-tweet-limit="5" data-dnt="true" href="https://twitter.com/Talk_AVFC/villa-players" data-widget-id="362602509207994368">Tweets from @Talk_AVFC/villa-players</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 

Hat jemand dieses Problem und weiß eine Lösung?

Demo von Problem ist hier http://richardawarner.co.uk/astonvillastuff/ (auf der Twitter tab)

+0

Sie angegeben Sie die Höhe und Breite in Twitter nicht gesetzt haben, wenn jetzt neue Widgets zu erstellen? Danach dachte ich, du könntest die Höhe nicht ändern? – Coop

+0

Die Höhe auf Twitter geändert, tut es aber immer noch. Ich habe einen Link in den ursprünglichen Post eingefügt, wo Sie sehen können. – warnerr

+0

Der Iframe hat momentan keine Höhe eingestellt. Wenn ich die Höhe auf etwa 300 ändere, dauert es gut. Sie müssen es etwas Höhe geben. – Coop

Antwort

1

Ziel der .twitter-Timeline-Klasse in CSS und erklärt seine Höhe

.twitter-timeline { 
    height: 350px !important; 
} 
4

Die maximale Breite und Höhe können durch Zugabe eingestellt werden Datenattribute mit dem Link:

<a class="twitter-timeline" data-width="350" .... > 

die Höhe eines angezeigten Widgetset, das übergeordnete Wert gespeichert mit die Widget-ID. Muss größer als 200 Pixel sein.

Hinweis: Der Höhenparameter gilt nicht, wenn ein Tweet-Limit Parameter

https://dev.twitter.com/web/embedded-timelines/parameters

+1

Ich weiß, das ist ein älteres Posting und Sie kamen zu spät ... aber das sollte wirklich die Antwort sein! Nachdem ich viele Methoden durchforstet und durchsucht hatte, wusste ich, dass sie einfacher sein mussten ... und sicher, dass du es mir zur Verfügung gestellt hast !! –