上記の属性は、HTML 4.01では定義されていません。 境界線の消え方の違い frameborder属性で境界線を消した場合は、ブラウザにより次のような違いが出てしまいます。 IE … 2ピクセル程度の隙間が空いてしまいます Firefox … 境界線は完全に消えます IEでも完全に消したい場合（隙間をなくしたい場合）は、border属性を使用します。
HTMLタグ/フレームタグ/フレームの境界線を消す（frameset） - TAG index
上記の属性は、HTML 4.01では定義されていません。 境界線の消え方の違い frameborder属性で境界線を消した場合は、ブラウザにより次のような違いが出てしまいます。 IE … 2ピクセル程度の隙間が空いてしまいます Firefox … 境界線は完全に消えます IEでも完全に消したい場合（隙間をなくしたい場合）は、border属性を使用します。
frameset要素
frameset要素は、ウィンドウを各フレームに分割する要素です。分割された各フレームに対応する文書へのリンクはframe要素で行います。 frameset要素はnoframe要素を包含して、フレームをサポートしていないブラウザのために代替テキストを提供することもできます。
フレームと再読み込み - OKWAVE
dreamweaverCS4でのフレーム dreamweaverCS4にてHP作成をしています 左右にフレーム分けしたページ（menu_Frameset）を作成し… 左（menu_left）には「メニューA」を表示し 右（menu_main）には一寸した？「注意事項」を記載しております 左（menu_left）の「メニューA」にある「項目A」をクリックすると… 右（menu_main）のページに上下にフレーム分けされたページ（koumoku_Frameset）を表示する 右（menu_main）のページに表示された上下にフレーム分けされたページ（koumoku_Frameset）には… 上（koumoku_top）には…「メニューB」が表示されていて… 下（koumoku_main）には…「メニューB」に表示されている「項目B」を クリックする毎に表示内容を変更する 上記の様なサイトを作成
ファイルアップロードをajaxで行う IE対応 - AUSGANG SOFT
ファイル選択をしたら自動的にajaxでアップロードする機能をつくっていたのだけど、やっぱりIE対応でつまづいた。いちおうIE8対応を目指した。 ajax送信は、このライブラリを使用。 jQuery Form Plugin http://malsup.com/jquery/form/ そのままだとIEで動かない。 596行目のfinallyがIEではエラーになるので、コメントアウト。 次、ファイル選択で自動アップロードしたかったので、jQueryのchangeイベントで処理を書いたが発火してくれない。 jQueryのchangeイベントで気をつけること http://d.hatena.ne.jp/sho-yamasaki/20120319/1332168988 onchangeならうまくいくらしい。 あと、ファイル選択部分を以下をつかって整えた。 JavaScript · Jasny Boo
[JavaScript] FormDataの使えないIE8やIE9での代替策 : してログ - LANDHERE
FormData があると Ajax でファイルアップロードできるようになって大変便利なのですが、困るのが IE8 と IE9 の対応です。 IE10 からは FormData が使えますが、未だに IE8 の要求は来ます。 かつての IE6 のポジションを受け継いでいる臭が漂っています。 諦めて POST で画面リロードするところでしたが、ちゃんと調べて見ると代替策がありました。 使うのは POST ですが、見せ方としては非同期通信っぽく動きます。 サンプルコードは載せませんが、要点を箇条書きにしますので、参考にしてください。 親ページに iframe を配置して見えないようにします（display:none だと Safari でまずいみたいなので、横幅＆縦幅をゼロにします） フォームのターゲット要素（target="<iframe名>"）で、配置した iframe を指定します サー
1emが何pxなのか自動的に計算する方法(Final) : やむにやまれず
2007年07月24日16:16 by 山崎泰宏 1emが何pxなのか自動的に計算する方法(Final) カテゴリJavaScript Tweet sparklegate Comment(0)Trackback(1) クロスブラウザでなおかつ以前より簡単な方法修正：ソースコードに余計な行が入っていたのを削除しました。 以前はgetComputedStyle()に取り憑かれていたのだけど、一つ前のエントリを書いている最中に「あ、もしかして」と違うことを思ったので早速実験してみたらうまくいきました。 1emのdivセクションを設けてあげれば、clientWidthかclientHeight辺りが良い感じにpxの値を返すようです。 それだけ！ <html> <head> <title>em2px</title> <script language="javascript" type="text/j
IE8をレスポンシブ、HTML5やCSS3、rgba角丸に対応させる場合の注意点まとめ - 京都のお墨付き！
IEでHTML5やCSS3を使う場合、いくつか補助プログラムを読み込んだり、制作上の注意点があります。これは、きちんとHTML5やCSS3の仕様を身につけていないと「動作しない」などのトラブルに見舞われることがあります。 この記事では、「なぜ、そうする必要があるのか」をキチンと書いて、仕様・仕組みを理解した上で使いこなすことができるようになる事を目標に書きました。 IE8で、HTML5のSectionsタグを使えるようにする「html5shiv.js」 「Sectionsタグ」とは以下のタグです。これはHTML5で定義されていますが、IE8では使えないもの(HTML5で追加した分)があります。これを使えるようにするのが「html5shiv.js」です。 section (HTML5から追加) nav (HTML5から追加) article (HTML5から追加) aside (HTML5か
[CSS]floatの指定が有る要素の親要素に高さを持たせる方法 | Coffee Breakにプログラミング備忘録
divにfloatを効かせた場合の親要素に与える影響について対処法をメモ 親要素divとその小要素divがある関係性の時に、小要素divにfloatを付けると親要素divの高さが0になる（下図） ※下図の場合は行間、margin、paddingの影響で多少の高さがでている状態。 この場合、mainに対して背景色などの設定をした場合にdivの高さがないため、範囲全体に適用されない。 この事象に対する2つの改善方法を記載する 対処法1.clear: both;を新たに作成するコンテントに設定 スタンダードな改善方法。 mainにコンテントを作成しclearfixとしてclear: both;を適用させることでflortをクリア（回り込み解除）する clear: both;を適用する事でクリアされmainが全体を括るサイズとなる。 まずclear: both;を適用させる要素がないためmainの
![[CSS]floatの指定が有る要素の親要素に高さを持たせる方法 | Coffee Breakにプログラミング備忘録](https://cdn-ak-scissors.b.st-hatena.com/image/square/e66e7643d72d4b529afb01e1a87534b7fc2583af/height=288;version=1;width=512/http%3A%2F%2Fto-developer.com%2Fblog%2Fwp-content%2Fuploads%2F2013%2F08%2Fclearfix_l.png)
IE11 でも標準モードでは条件付きコメントは無視される: ある SE のつぶやき
以下のエントリーで検証したように、Internet Explorer 10 の標準モードでは、条件付きコメントが無視されるようになりました。 IE10の標準モードでは条件付きコメントは無視される では、Internet Explorer 11 ではどうなったかを調べるため、Internet Exploroer 11 Preview で動作確認してみました。 検証 条件付きコメントを指定した場合の動作 以下の HTML を Internet Explorer 11 で表示します。この HTML は Internet Explorer 9 では条件付きコメントが正しく表示されたものです(test1.html)。 <html> <!--[if IE]> この内容は IE10 または他のブラウザでは無視される。<br/> IE9以前のバージョンでは正しく表示される。 <![endif]--> </
Web制作者は注意！ Internet Explorer 11で変更された「互換性」
Windows 8.1正式版がMSDNサブスクライバー向けに公開され、それに標準搭載される「IE11」も正式版となった。しかしこのIE11にはWeb制作者に大きな影響がある「互換性」に関する変更が含まれている。 2013年9月10日、MSDN Subscriptionの登録者は、Windows 8.1正式版がダウンロードできるようになった。Windows 8.1の標準ブラウザーであるInternet Explorer 11（以下、IE11）では、互換性に関する大きな変更が加えられている。 ご存じのとおり、IEは、現在も更新されているブラウザーの中では最古参のブラウザーである。ほかのブラウザーが新しく登場して、HTML5などモダンな機能を実装していく中、互換性の課題に引きずられているという問題があった。また、HTML5などのサポートが遅れたため、ほかのブラウザーと同様にモダンな機能を提供して
jQuery.ajax() のリクエストパラメータを、指定した文字コードで渡す - 株式会社CFlatの明後日スタイルのブログ
jQuery.ajax() のレスポンスを指定した文字コードで取得する系の話はその辺にごろごろ転がっていますが、逆にリクエストを指定した文字コードで行う系の話がほとんど見つからなかったので、ライブラリを作成しました。 考え方としては、通常は UTF-8 で行われるリクエストパラメータの URI エンコード処理を、ShiftJIS や EUC-JP で行ってやればよいだけです。……とはいえ、文字列を ShiftJIS や EUC-JP に変換する部分は大変なので、ライブラリ任せにしてしまっています。 UTF-8 から他の文字コードへの変換処理には、http://polygon-planet-log.blogspot.jp/2012/04/javascript.html の encoder.js を使用しています。下記コードの利用には、encoder.js（https://raw.github
IEでもできた！ jQuery.ajaxでShift JIS（sjis）の外部HTMLを読み込む時の文字化け回避方法
IEでもできた！ jQuery.ajaxでShift JIS（sjis）の外部HTMLを読み込む時の文字化け回避方法 jQuery.ajaxではいろいろなファイルが外部から読み込めて便利ですが、文字コードがUTF-8でないと、そのままで文字化けしてしまいます。 最近作るサイトはもうほとんどUTF-8が主流になってきていますので問題ないことが多いのでしょうが、どうしてもshift_jisを使う必要があって、この文字化けに遭遇。文字コードは変えられないので、なんとかしてshift_jisの文字化けを回避できない物かと調べたのですが、解決方法ありました。 結論から言うと、読み込むときのオプションに下記の3行を追加するだけです。 beforeSend: function(myData){ myData .overrideMimeType("text/html;charset=Shift_JIS")
【IE】 password入力欄が2つあると片方の内容が消える at softelメモ
問題 httpsなページで、input[type=”password”]が2つあるフォームを表示すると、HTMLに記述したパスワードのvalueが消えました。 エラーで戻したときなどにvalueを入れてたんですけど。 答え Windows7のIE11で再現を確認した。 IE11の不具合だそうで、去年から報告はあるものの修正はまだの様子。 http://connect.microsoft.com/IE/feedback/details/811458/ie-11-second-password-input-not-showing-as-being-populated-for-ssl-page-with-autocomplete-for-passwords-enabled 一番簡単な回避策は、passwordが2つの時に発生するので、passwordを3つにしてしまう方法。 見えないようにした3
http://html5shiv.googlecode.com/svn/trunk/html5.js
// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/ (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
ComboBox
<input name="textfield" type="text" class="textField" id="tField0"> <select name="select" class="bsize" id="selBox0" onChange="getSelect(0,this.value)"> <option value="test1">test1</option> <option value="test2">test2</option> <option value="test3">test3</option> </select> <input type="button" class="bsize" value="ボタン" onclick="getText(0)">
リファラ実験 - referrer test
Updated: 2005-05-22 03:54:29+0900 [Home] 直にリンク 直にリンク リファラ表示ページに直にリンクします。 Firefox 1.0.4 …… リファラはこのページになる。 Opera 8.0 …… リファラはこのページになる。 IE 6 …… リファラはこのページになる。 NS 7 …… リファラはこのページになる。 Opera 7 …… リファラはこのページになる。 Lynx 2.8(cygwin) …… リファラはこのページになる。 w3m 0.1.9(cygwin) …… リファラはこのページになる。 HTTPヘッダのLocationを使用する Locationヘッダ HTTPヘッダでLocationを使用します。 header("Location: http://www.teria.com/~koseki/memo/referrer/view.
小人さんへの置き手紙: title 属性のツールチップ内で改行
カテゴリ html title 属性のツールチップ内で改行 2004-01-03 14:38 更新 多くのウェブブラウザは、HTML の title 属性の内容をツールチップとして表示する。内容が長い場合は適当に改行して表示することもある。では、任意の位置に改行を入れることはできないのだろうか？ WinIE では title="1行目 2行目" 実は、これで Windows IE はツールチップ内で改行してくれる。つまり、改行コードを空白扱いせず、改行として扱ってくれるのだ。しかし、妙な位置で改行すると、可読性が落ちるし、気持ち悪い。もうちょっとマシな方法はないものだろうか。 Windows での改行コードは CR+LF で、10 進表記コード番号は CR が 13 、LF が 10 だ。そこで、先程の例を次のように書き換えてみる。なお、 は数値文字参照で、先程の改行コードの番号に対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MHTMLファイルを分解する。 - Windows Script Programming
Microsoft MHTML 分解 — emaita 備忘録
HTML5 Game Benchmark Test / 4Gamer.net