in Web & Tech

Facebook-Social-Plugins flexibel bzw. responsive machen

Nachdem ich mich entschieden habe, hier mal die Facebook-Comments einzusetzen hat mich enorm gestört, dass das Plugin standardmäßig eine fixe Breite verlangt und somit der Responsiveness des Twitter Bootstrap Themes in die Quere kommt. Mit dieser Zeile CSS werden die Facebook-Comments flexibel!

.fb-comments, .fb-comments iframe[style] {width: 100% !important;}

Update
Neuerdings funktioniert (hier) das o.g. Snippet nicht mehr. Dafür aber dieses von einer weiteren Antwort im selben Thread bei Stackoverflow:

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}

Quelle: http://stackoverflow.com/questions/6500424/is-it-possible-to-set-a-fluid-width-for-facebooks-social-plugins

Nachdem ich mich entschieden habe, hier mal die Facebook-Comments einzusetzen hat mich enorm gestört, dass das Plugin standardmäßig eine fixe Breite verlangt und somit der Responsiveness des Twitter Bootstrap Themes in die Quere kommt. Mit dieser Zeile CSS werden die Facebook-Comments flexibel!

.fb-comments, .fb-comments iframe[style] {width: 100% !important;}

Update
Neuerdings funktioniert (hier) das o.g. Snippet nicht mehr. Dafür aber dieses von einer weiteren Antwort im selben Thread bei Stackoverflow:

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}

Quelle: http://stackoverflow.com/questions/6500424/is-it-possible-to-set-a-fluid-width-for-facebooks-social-plugins

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Learn More)

  • Related Content by Tag