SPOTのブログ
2012/01/25
クロスドメインのiFrameで高さ(height)を自動取得して調整する方法
クロスドメイン（別ドメイン）のhtmlをiframeで読み込んだ場合、セキュリティの都合でiframe内のdomを操作することができません。 同じドメイン内のhtmlをiframeで埋め込む場合なら、DOMでheightを取得して自動で調整することが簡単にできるのですが、クロスドメインの場合は難しいようです。 最初はpostMessageで通信して値を受け渡す方法を試したのですが、IE8以前には...続きを見る
2012/01/20
googleウェブマスターツールでクロール依頼する「URLを追加」ページが404な件
追記；2012/02/06新しいurlはここに変わったようです。https://www.google.com/webmasters/tools/submit-url?hl=ja&pli=1 googleアカウントでのログイン必須になったようですね。 なにげなくいつもどおり、クロール依頼を手動でだそうと思って「URLを追加」ページにアクセスしたところ https://www.google.co...続きを見る
2012/01/16
サーバーメンテナンスに関するお知らせ
サーバー管理会社より、下記日時にメンテナンスを行うとの連絡がありましたので、ご報告いたします。 開始日時 ： 2012年01月22日(日) 01時00分 終了日時 ： 2012年01月22日(日) 03時00分 大変ご迷惑おかけしますが、ご理解・ご協力をよろしくお願い致します。 ...続きを見る
2012/01/10
.htaccessの改行コードはLFで。
恥ずかしながら、これまでほとんど意識したことがなかったのですが、備忘録として。 301リダイレクトを設定しようと思って、.htaccessを設置したところ、全ページ 500 Internal Server Errorになってしまって大焦りしました。 結果として、改行コードがCRになっていたことが原因で、これをLFにして保存すれば解決しました。 BOMなしのUTF-8で保存するのはあちこちで言わ...続きを見る
2012/01/07
気づいた人だけ知っている。三分動画学習サイト「ドットインストール」のイースターエッグでニヤリ #dotinstall
百式やIDEA*IDEAの管理人である田口さんが運営する三分動画学習サイト「ドットインストール」が巷で流行しています。 このサイトのソースコードをふと見ていたときに気づいたのですが、ソースコードの中に、[エンジニア、プログラマのあるある話]がこっそり仕込まれていまして、ニヤリとしてしまいましたのでご紹介します。（一般公開される前の招待制の頃に書こうと思っていたのですが、下書きのまま忘れていまし...続きを見る
2012/01/06
iPhone/iPadのMobileSafariで背景画像のセンタリングが効かない不具合をMediaQueryで解決する方法 #iPhone #iPad #CSS3 #html5
追記：2012/02/07 もっとシンプルでいい解決法が見つかりました。 viewportを設定すれば簡単に解決します。詳しくはこちら。 iPhoneやiPadで背景がズレる問題は、viewportの設定で解決する件 楽天市場のRMSで制作しているショピングサイトのカスタマイズ案件で発生した問題なのですが、どうやら、iPhone/iPadのMobileSafariでは、bodyタグにCSSで...続きを見る
2012/01/04
IEでネガティブマージンを適用すると、はみ出した部分が消える問題
HTMLで画像等を配置する際に、レイアウトを微調整するためにネガティブマージン（マイナス方向へのマージン）を設定することがよくあります。 ですが、ネガティブマージンを使用した場合、IEだと上図のように、はみ出した部分が消えてしまうことがよくあります。 [crayon-6628d068c743d002770454/] こういう時は、スタイルシートでposition:relativeと追加しておけ...続きを見る
2011/12/28
IEで楽天RMSの商品ページがはみ出してしまう不具合の対処方法 #rakuten
今回、楽天のショップをカスタマイズする案件をさせていただくことになり、初めて楽天のRMSを触ることになりました。 最近ではあまり考えられないようなtableレイアウトでのシステムに戸惑いつつも、デザインの作成を進めています。 今回は、その中で気がついた、商品ページがずれてしまう不具合の対処法をご紹介します。 普通にカスタマイズを進めていたところ、chromeやfirefoxでは問題ないのですが、I...続きを見る
2011/11/29
#CSS3 を使って実現する、画像を使わない角丸タブメニューの作り方 #html5
お客様からのご依頼で、お問い合わせページに「ご意見箱」と「予約フォーム」を設置することになりました。 それぞれ別のCGIでフォームを作るのですが、その表示の切り替えナビゲーションとして、CSS3を利用した画像を使わない角丸タブメニューを作って見ました。 tabメニュー全体をdivで囲んで、border-bottom で5px のボーダーを引きます。 角丸部分はborder-radiusを...続きを見るリンク
![はたらくホームページ制作なら、愛知県名古屋市の株式会社SPOT [スポット]](http://spot-web.jp/wp-content/themes/spot-web.jp/images/common/header-logo.png){kind=logo}