](HTML)IE8で「操作は中断されました。使う時に、Optionに表示する文字列が短いと、下図のようにドロップダウンしない領域が出てきます。スタイルシートで、widthを指定すると回避できるようです。(165ピクセルくらいがちょうど良いです。value="4">rebc</option></select>widthを指定すると、以下のようにドロップダウンメニューの幅が広がります。WebがらみHTML5になるとローカルファイルをブラウザにドラッグしてアップロードできる画像をアップロードするとき、ローカルファイルをドラッグ&ドロップできるさいと増えましたよね。社内イントラネット向けのウェブアプリ開発をすることになったので、ドラッグによるローカルファイルアップロードしようかと思ったんですが、これってHTML5の機能になるんですね。自宅ではFirefoxをメインで使っていますが、職場はIE8を使うことに決まっています。IE8は、HTML5の機能は使えないので、結局諦めました。スクリプトを使うと簡単にドラッグアップロードできるようです。WebがらみIEでGoogleカレンダー埋め込みサイトが正常に表示されないサイトにGoogleカレンダーを埋め込んでるんですが、IEでページのリロードをするとGoogleカレンダーが表示されないという現象が発生しました。Firefox,Chrome,Opera等では発生していません。調査したんですが、多分Google側が修正を加えたことで起こっているんじゃないかと思います。埋め込みページを初回表示するときは正常に表示されます。(それで稀にエラーになることがありますが。)ページを更新すると確実に表示されません。その際、以下の様なJavaScriptのエラーが発生します。オブジェクトではありません。オブジェクトでサポートされていないプロパティまたはメソッドです。https://www.google.com/calendar/embed?src=xxxx@group.calendar.google.com&ctz=Asia/Tokyo&gsessionid=OKクッキーの受け入れやキャッシュの無効化等色々試したんですが、ダメでした。こちら側ではどうしようもないので、とりあえず暫定的な方法を取ることに。初回表示は正常に行くことから、[表示されない場合はここをクリック]みたいなボタンを作成し、埋め込みページにリダイレクトするコードを埋め込んだページにリダイレクトするようにしました。link(){location.href='main.html';}--></SCRIPT></head><body></body></html>GoogleにはさっさとIEでも表示できるように修正して欲しいもんです。追記:2012年10月現在は直っているようです。(この現象が起きたのは2012/6下旬です。入力フォームの見栄えを良くするスクリプト+CSSで、Niceformsの紹介をしました。構造的にシンプルです。Niceformsほど凝った処理をしていないので、ある意味使いやすいです。適用されるようですね。(選択することも可能です)こんな感じになります。(Firefox5)IE8だと、テキストボックスの端の丸みがどうも出ないようです。ダウンロードは、http://uniformjs.com/からできます。使い方はまず、下記のように、外部ファイルを読み込みます。src="jquery.uniform.js"></script>そして、下記のスクリプトを挿入します。});</script>IE6には対応してませんが、デフォルトのフォームを表示するようです。内のbackgroundスタイルに指定している画像パスに適切な値を設定してみるといいかと思います。これを使うと、入力フォームの見栄えを簡単によくすることができます。こんな感じになります。読み込みよう設定します。HTML側は下記のような感じにしています。name="Submit"></form></body></html>ただし、問題点もありdd要素に通常の文字列をいれると、IE8の場合下記のように、その下の各ボックスがずれてしまいます。おもったらIE8が互換表示になっているだけでしたorzIE6に対応してないのも難点ですね。Webがらみ(HTML)ul(リスト)を使って4列横並びにする(HTML)定義リスト(dl,dt,dd)で2列横並びにするで、2列の場合の表を定義リストで表現する方法を書きました。要素を使って複数列の場合を試してみたいと思います。完成形は下記のような感じです。2行目以降は4列といった感じにします。HTMLはこんな感じです。ピヨ</dd></div></ul>次に,CSSはこんな感じです。/*この幅の後に次のli要素が来る。em指定でフォントサイズ変わっても大丈夫なようにする。/*この幅の後に次のli要素が来る。em指定でフォントサイズ変わっても大丈夫なようにする。/*この幅の後に次のli要素が来る。em指定でフォントサイズ変わっても大丈夫なようにする。/*各行毎に回り込み解除*/}IE6だと上手く表示できませんでした。テキストボックスが何故かセンタリングされて表示されてしまいます。テキストボックスの前に何かの文字を入れれば問題有りませんでした。罫線を引いて表形式にすることも試みましたが、どうやら難しそうです。CSSに苦労させられている3流PGです。Webがらみ(HTML)定義リスト(dl,dt,dd)で2列横並びにするよくWebページで使われるのに、2列の表があります。全盛の今日ではdl要素を使用することが主流になってきたようです。タグ(定義リスト)で作成する方法です。要素に回りこむ方法を取りました。参考先のコピペですが、こんな感じです。/*この幅の後に次のdd要素が来る。em指定でフォントサイズ変わっても大丈夫なようにする。/*dtのmargin-leftより大きい値にする。多数行になってもdtの下に回りこまないようにする。*/}こんな感じになります。borderを指定することで、ホントの表のように表現することもできるようです。こちらのサイトさんのコードを拝借しました。Window]:IE6対応や罫線表示のコードも載せられています。Webがらみ(HTML)IE8で「操作は中断されました。」となる簡単なWEBサイトを作っていたんですが、IE8でテストしていると、リンクを押下すると、「操作は中断されました。」とかいうエラーが表示されました。この現象がでるPCとでないPCがある上に、現象発生するPCでもたまに現象が起きなくなる場合もあり、非常に気味が悪い現象でした。(FirefoxやChromeなど他のブラウザでは発生しません。IE6でも発生しませんでした。)いろいろ試すと、リンク元のページから、現象が発生するリンク先のページのURLにアンカータグ(ページ内リンク)が付いていると、この現象が発生します。(例:http://hoge.jp/test#top)逆にアンカーリンクをのけると発生しません。しているんですが、これを別の名前に変えたところ現象が発生しなくなりました。わたしのmemo帳でも取り上げられてました。IEには困ったものです。Webがらみ(HTML)指定時間後別ページにジャンプさせるよくサイト移転で、「新しいサイトに移転しました。○秒後にジャンプします」みたいページを見かけます。Javascriptでやってるのかと思いましたが、下記のようなHTMLのメタタグでもできるようです。content="秒数;URL=htt://jehupc.exblog.jp/">非常に簡単ですね。Webがらみ(ツール)WEBサイトのリンクチェックを行うWEBサイトを更新していると、リンク先がリンク切れになってたりすることがあります。一つ一つを追っかけるのは非常に労力掛かるので、その際のチェックに役立つツールです。Explorerリンク先がリンク切れになっているかどうかを調べるツールですが、非常に使いやすかったです。Windowsアプリなので、ダウンロードして使う必要があります。リンク切れチェックに関しては、内部(同ドメイン内)と外部も分けてチェックできるのは嬉しいですね。W3CリンクチェッカーW3Cが提供するオンラインツールです。オンラインでスキャンできるのは評価できるのですが、英語Onlyなのでちょっと分かりづらいです。孤島発見器これは、ローカルでHTMLを編集してて、リンクが貼られていないファイルを検知するのに非常に役立ちました。バックアップのHTMLや不要になった画像ファイルの整理に有用です。右クリックし「このページをTOPページにする」とする必要があります。青色のファイルは無効なリンク(リンク切れ)を含むファイルで、ファイルの右に鎖マークが有るものがどのファイルからもリンクを貼られていないいわゆるゴミファイルです。リンク切れとゴミファイル両方をチェックできるので助かります。情シスで何でも屋の三流プログラマのコーディング、サーバ管理、PC生活関係のメモ書き。このメモが忘れっぽい自分とググってきた技術者の役に立ってくれれば幸いです。31検索カテゴリ全体Linuxサーバがらみ.Net開発PHP開発C/C++開発JavaSQLツール思ったこととかニュースとか。メッセージを入力してください。