• 締切済み

facebookの埋め込みエリアを横幅いっぱいに

2015年6月23日からFacebookのページプラグインの横幅のマックスが500pxになりました。 それを絡むいっぱい700pxにしたいのですがうまくいきません。 ググるとCSSでできるような記述を見つけたのでやってみましたがうまくいきません。 http://www.seomode.jp/html-css/2014/01/31/2157/ 何か良い方法はないでしょうか。宜しくお願いします

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • tkmojo
  • ベストアンサー率50% (105/207)
回答No.1

挙げている記事は「Like Box」の扱い方ですが、Like Boxは廃止され、「Page Plugin」に変わりました。 Page Pluginの横幅は最大500pxで、それ以上大きくする事はできません。 デザインやレイアウトの変更で対応するしかないですね。

makino03
質問者

お礼

ありがとうございます。

関連するQ&A

  • HTMLで横幅をCSSで設定できません。

    HTMLで横幅をCSSで設定できません。 headerを作成しているのですが、画像のように横幅が外枠の wrapperをはみ出して表示されてしまいます。 はみ出した値は5pxとpaddingで指定した値と一致します。 headerをtableタグで作成した場合、横幅700pxの枠中での padding-left:5px;になり、横幅には変化はありません。 しかし、<div id="header">で横幅を700pxとし、 padding-left:5px;とすると、headerの横幅が 5px増えてしまいます。 <div id="header">の横幅を変化させずに、 paddingを指定することは可能なのでしょうか。 わかる方いらっしゃいましたら宜しくお願い致します。 ■HTML <html> <body> <div id="wrapper"> <div id="header"></div> </div> </body> </html> ■CSS #wrapper { width: 700px; } #header { width: 700px; padding-left: 5px; }

    • ベストアンサー
    • HTML
  • スマホページの横幅調整

    スマホのHPを作ったのですが、初期表示時、小さく表示されてしまいます。 たて表示をイメージして、横幅320pxの固定サイズで作成したのですが、 ほかになにか記述が必要なのでしょうか? (通常のHTMLとcssで作成しています) お手数ですが、ご存知の方、教えてください。

  • 横幅1200pxのHPをセンタリングしたい

    みなさま、お知恵を貸してください。 今HPを作っています。 横幅1200pxで作成いたしまして、 ブラウザ横幅1200px以下で見たときに全体をセンタリングした状態で表示したいのです。 サイト全体の横幅をそもそも変えれば、、というのは時間が限られておりできません。。 CSSやJSでなんとか調整できませんでしょうか。 なお、ブラウザが横幅980px以上では横スクロールを消したいです。 コーディング初心者のためなかなか解決策が見つかりません。。 どうぞよろしくお願い致します。

    • ベストアンサー
    • CSS
  • ヘッダーのみを横幅いっぱいに表示する方法

    只今ホームページを作成中です。ヘッダーをどのブラウザで見ても横幅いっぱいに表示されるようにしたいのですが、うまくいきません。最近全画面表示で画像を使ったサイトをよく見かけるのですが、jacascriptをヘッダーに適用させて実現できないものかと試行錯誤しているところです。こちらのサイトを参考にさせて頂いたのですが、ヘッダーをwidth:1024pxでheight:485pxnに設定して、全画面ではなく、ヘッダーのみに適応させたいのです。どなた様かお詳しい方、どうかご教授の程宜しくお願い致します。 ※下記参考サイトです http://puzzel.jp/blog/webdesign/1929

  • tableタグで作るような表をCSSで作る方法

    一つのページに表(横:600px、縦:155px)を20~30個くらい表示させたいのですが、tableタグを多用するとページが重くなると聞きました。 そこで、CSSを使って表を作ろうと思うのですが、どのように作れば良いのか分かりません。 ご存知でしたら教えてください。 私が作りたい表は下記になります。 XHTML 1.0 Transitional 横幅:600px 縦幅:155px 4行3列で、一番左の列の4行を繋げて(tableタグでの記述は<td rowspan="4">)一つの空間になっているのもの。 セルとセルの間隔は5pxのもの。 HTMLとCSSの記述を教えていただけると幸いです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSでwidthの指定は%、pxどっちがいい

    HTML5、CSS3の記述方法で教えていただきたい事がございます。 横幅を指定する場合には、px、%、vwなどどんな単位で記述するのがいいのでしょうか。また、%とpxを混ぜて使ってもいいのでしょうか。高さも%を使うものでしょうか。 お手数ではございますが、それぞれの説明サイトはあるのですが、では実際にどれを使うのが良いかの記述はどこにもなかったので、書き込ませていただきました。 知識をお持ちの方、よろしくお願いいたします。

    • 締切済み
    • CSS
  • 画面サイズに合わせて、中心がずれないスライダ

    どなたか、助けてください!!!! http://www.altour.com/ ↑ このような、横幅一杯にメインビジュアルがあり、 且つ、ウィンドウサイズに合わせて、 メインビジュアルの中心がずれないスライダ式の トップページを作りたく、 HTMLとCSSとjQueryでデザインしております。 このページのソースコードを見たり、 ネット検索で横幅いっぱい表示のスライダの作り方を探したり、 いろいろしているのですが、 まったくやり方がわかりません。。。。 jQueryでもそのようなプラグインが探せ出せませんでした。 どのようにしたら作れるか、 どなたか教えていただけませんでしょうか??

    • 締切済み
    • CSS
  • サンヨーウェブページの横幅について

    サンヨーのウェブページの横幅が920pxになっているんですが、これはどういった理由からこの幅に設定されたのでしょうか?

    • 締切済み
    • CSS
  • セブンイレブンのHPのように印刷時に横幅の自動調整をしたい

    セブンイレブンのホームページのように、 横幅を768pxとっているのにも関わらず、A4縦での印刷時に横幅が切れないようにしたいのですが、どのようにしたらできますか? いろいろ試してみたのですが、横幅が750pxを超えると、切れてしまいます。 ◆セブンイレブンジャパン http://www.sej.co.jp/faq/index.html 環境は、 Windows IE5.5↑ HTML、CSS、Javascriptのみ使用可能。

    • ベストアンサー
    • HTML
  • CSSでliタグ内の横幅を変えたい

    「<li id="newpostcatch-2" class="widget-container widget_newpostcatch"><h3 class="widget-title">最近の投稿</h3><ul id="npcatch" > <li>ここのコンテンツの横幅を変えたい」 って感じになってます。 320pxいっぱいいっぱい使って欲しいのですが、現状だと「ここのコンテンツの横幅を変えたい」の部分は、その半分強くらいの、200pxくらいの変な位置で改行されてしまいます。 CSSになんと追記すればいいか教えてください。

    • ベストアンサー
    • CSS

専門家に質問してみよう