2011年11月

マークアップエンジニアとかWEBディレクターとかをやってる僕が、自分が詰まって、解決したことをここに残しておきますよ。

FacebookページでIFRAMEでスクロールを出さないようにする

メモがわり。

インラインフレームで読み込まれるページ側に、以下のソースをいれておくと
スクロールバーが消える。

これをheader部分に入れる↓

<script type="text/javascript">
src="http://connect.facebook.net/en_US/all.js"></script>
<script language="JavaScript">
FB.init({
appId: ****************',
status: true,
cookie: true,
xfbml: true
});

window.fbAsyncInit = function() {
FB.Canvas.setSize();
}
function sizeChangeCallback() {
FB.Canvas.setSize();
}
</script>

これを<body>の直後に入れる↓

<div id="fb-root"></div>
<script>
FB.Canvas.setSize({ width: 520, height: 950 });
</script>

この520とか950となっている部分は、
読み込まれるページの大きさに合わせて、変更する。


FACEBOOKページの読み込みIFRAMEの大きさは520なので、
横幅は520以上にはできません。


縦幅は、ページの内容によって、可変だと思うので、
少し大きめくらいに置いておけば大丈夫。









ie6で英語と日本語が混在しているリンクの時にアンカーのテキストの下線がずれるやつ

ie6とie7もかな。

テキストでリンクしてるとき、英語の部分だけアンカーの下線が
ずれたりするの。

たまーにあるな、と思ってたけど、
こちらのブログさんで解決策が乗っていたので、メモ

http://ameblo.jp/kirakaorin/entry-10272854528.html

vertical-align:baseline;

それから、font-familyみたいっすね。

font-family: "meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "sans-serif";  

ただ、フォントがお客さん指定の場合もあるので、フォントは順番入れ替えを試行錯誤しつつ、
ズレがあってでもそのフォントを選びたいか、などお客さんとも相談したほうがいいかもめ。
記事検索

リモキュー

お仕事のご依頼・お問い合わせはこちら

コーディングのお仕事が得意です。

https://twitter.com/tacshock
タグクラウド
QRコード
QRコード
  • ライブドアブログ