2013-08-12 13 views
7

Próbuję dodać widżet Twittera do mojej witryny, ale mam problem z wysokością widżetu. Czasami to działa, innym razem ignoruje wartość wysokości i rozciąga stronę tak, że na dole jest dużo pustej przestrzeni (rozkłada widżet na 7847px). Próbowałem dodać wysokość wewnątrz kodu i ustawić wysokość DIV, ale nadal to robi. To jest kod, którego używam na Twitterze:Osadzony widget Twittera Wysokość problemu

<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> 

Ktoś ma ten problem i zna poprawkę?

Demo wydania jest tutaj http://richardawarner.co.uk/astonvillastuff/ (na karcie Twitter)

+0

Nie trzeba ustawić wysokość i szerokość w Twitterze podczas tworzenia nowych widgetów teraz? Po tym pomyślałem, że nie możesz zmienić wysokości? – Coop

+0

Zmieniłem wysokość na Twitterze, ale nadal to robi. Podaję link w oryginalnym poście, gdzie możesz zobaczyć. – warnerr

+0

Element iframe nie ma w tym momencie żadnej wysokości. Kiedy zmieniam wysokość na 300, to wszystko jest w porządku. Musisz dać mu trochę wysokości. – Coop

Odpowiedz

1

docelowa klasa .twitter-timeline w CSS i stwierdzenie jego wysokość

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

Maksymalna szerokość i wysokość można ustawić poprzez dodanie dane atrybutów link:

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

ustawić wysokość wyświetlanego widget, nadpisując wartość przechowywana z identyfikatorem widżetu. Musi być większy niż 200 pikseli.

Uwaga: parametr wysokość nie stosuje się, gdy parametr tweet limitu podano

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

+1

Wiem, że jest to starszy wpis, a Ty przyszedłeś późno ... ale to naprawdę powinna być odpowiedź! Po przeszukaniu i przeszukaniu wielu metod wiedziałem, że musi to być łatwiejszy sposób ... i na pewno wystarczyło to! –