2013-08-12 11 views
7

Sto cercando di aggiungere il widget di Twitter al mio sito Web ma sto riscontrando un problema con l'altezza del widget. A volte funziona, altre volte ignora il valore di altezza e allunga la pagina in modo che ci sia un sacco di spazio vuoto in basso (allunga il widget a 7847px). Ho provato ad aggiungere altezza all'interno del codice e ad impostare l'altezza DIV, ma continua a farlo. Questo è il codice che sto usando da TwitterEmbedded Twitter Widget Height issue

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

Qualcuno ha questo problema e conosce una correzione?

demo del problema è qui http://richardawarner.co.uk/astonvillastuff/ (nella scheda Twitter)

+0

Non è necessario impostare l'altezza e la larghezza twitter durante la creazione di nuovi widget, adesso? Dopo ho pensato che non potevi cambiare l'altezza? – Coop

+0

Modificato l'altezza su Twitter ma continua a farlo. Ho incluso un link nel post originale dove puoi vedere. – warnerr

+0

L'iframe non ha altezza impostata su di esso al momento. Quando cambio l'altezza a qualcosa come 300, ci vuole bene. Devi dargli un po 'di altezza. – Coop

risposta

1

di destinazione della classe .twitter-timeline in CSS e dichiarare la sua altezza

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

La larghezza e l'altezza massima può essere impostato con l'aggiunta di dati attribuisce al link:

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

Impostare l'altezza di un widget visualizzato, sovrascrivendo il valore memorizzato con l'ID del widget. Deve essere maggiore di 200 pixel.

Nota: il parametro di altezza non si applica quando un parametro Tweet limite è specificato

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

+1

So che questo è un post più vecchio e sei arrivato tardi ... ma questa dovrebbe essere la risposta! Dopo aver cercato e cercato tra molti metodi, sapevo che il loro doveva essere un modo più semplice ... e sicuramente l'avresti fornito !! –