固定幅+中央寄せサイト が多い
私に回ってくるコーディングのお仕事の場合、ほとんどがサイトwidth固定デザインです。なお幅固定の是非は今回は論じません。昔は「左寄せ」+幅固定なんてのも珍しくなかったのですが、近頃ははめっきりセンタリングです。
背景がずれる
偶数のモノを中央に寄せると言うことは、厳密には「左右いずれかに1ドットずれる」と言うことです。
出来れば規格でその左右が決まっていればよいのですが、まぁ、ブラウザ毎に異なっても仕方ありません。しかし、仕方なくない事も(ノ∀`)
IEやFireFoxは、フォアグラウンドとバックグラウンドで、ズレ方が違うんですよねぇ……
SafariやOperaは手前と奥のズレ方に差違はありませんので、例え左右どちらにずれていようともズレを感じませんが、IEやFFはウィンドウサイズによって「背景が1ドットずれたりずれなかったり」と不安定なのです。
奇数幅の背景でカバー
偶数幅だからずれる訳です。ええ、奇数幅の背景画像にしましょう。
IEは1ドットのマージンを「右 に」入れると揃います。
FFは1ドットのマージンを「左 に」入れると揃います。
OperaやSafari等、本来ずれないブラウザは左右何れかにマージンを入れると当然ずれてしまいます。
ええ、場合分けが必要なんですね。
CSSハックで
このためだけにサーバサイドスクリプトやJavaScriptで分岐させるのは負けた気がします。
CSSハックは大嫌い(笑)なのですが、意味合いの重みと手段を釣り合わせる意味では、やはりCSSハックが現実的でしょうか。
と言う訳で、落ち着いたコードが以下。
body {
background : url(../images/bg.gif) repeat-y center 0;
_background: url(../images/bg-mr.gif) repeat-y center 0; /* for IE6 */
*background: url(../images/bg-mr.gif) repeat-y center 0; /* for IE7 */
}
html>/**/body,x:-moz-any-link { /* for firefox */
background : url(../images/bg-ml.gif) repeat-y center 0;
}
FireFoxのみに適応させるノウハウは、抜群にエレガントなFirefox 1.0, 1.5, 3.0 用の CSS ハック を頂きました。
トラックバック URL :
ソフト積み木をやっと見つけた
ありそうでなかなか見つけられなかったソフト積み木を西松屋 で見つけました。
うちの子はポイポイと何でも投げてしまうので、普通の積み木だと武器になってしまうのですorz
コップタワーは得意だが
マトリョーシカのように!?10個ほどのコップが入れ子になっているおもちゃ があります。コンパクトにまとまりますし、逆さにすればタワーの様に積め、コロがして良し投げて良しorzの優れものです。うちの子はこれは案外得意。紙コップを重ねるのも(転がすのも投げるのも潰すのもorz)大好きです。
しかし、出来そうで出来ないことが。
コップでタワーは作れない
これがどうしても出来ないのです。どうしても、下段のコップに重ねてしまいます。重ねてしまうと上記の絵の状態と違うことは分かるようで、イライラのつのる様子が声や表情に表れます。
「ずらして乗っける」と言う概念がないのですね。
と言う訳で、数日前まで楽しかった紙コップ重ねが、今やストレスの原因に(ノ∀`)
そこで積み木ですよ
思い起こせば様々な種類の物を混合で不規則に重ねている姿は記憶になく……案外、積み木は多くの概念を育むのかも知れません。
はてさて、彼は積み木から「ずらして乗っける」事を発見するでしょうか。
トラックバック URL :
先日lightboxをいじっていた際に、IE 6および7で不可解な挙動があったのでメモ。
画像を差し替えると、表示上は新しい画像が表示されるのに、JavaScriptのnew Image()で取得したwidth heightは古い画像の数値になってしまう現象に遭遇。
具体的には、jQuery Lightbox 0.5 に於いて拡大画像を差し替えると、width heightが正しく取得されず歪んでしまう事がありました。IEのキャッシュをクリアしても駄目。放置していたらいつの間にか直っていたので、ブラウザの画像キャッシュ以外にどこかでキャッシュしてしまっている可能性?
偶々うちの2台が特殊だった!?可能性もありますが、一応メモ。
トラックバック URL :
ええ、知りませんでしたよ(ノ∀`)私34年間も
9月14日。天気が悪いなりにチラチラと月も見え、コンビニでお団子などを買って名月気分を味わっていました。
妻曰く「なんか丸くないよね?」
色も普段の月です。言われてみると若干欠けているように見えてくるから不思議。
名月は満月とは限らない
によると
お月見といえば「9月の満月」と思いこんでいませんか。しかし、お月見の日、すなわち「中秋の名月」は、10月にずれ込むこともありますし、当日の月は満月ではないことが多いのです。
月の軌道が楕円であることなど、さまざまな理由で「新月から満月」と「満月から新月」までの時間の長さは微妙に違います。「新月から満月」までの時間が長いと、満月が「十七日」なんてこともありえます。
本当でした((((゜д゜;))))
もっとも、普段の月より二回りほど太ったオレンジ色の月には、美しさよりも先に不気味さを感じてしまうのですが……
トラックバック URL :
いつの間にか、ススキの季節ですか(・ω・)どうりで風か涼しい訳です。
早速スプラッシュに。
トラックバック URL :
昨日 は、ハブの仮想化に失敗。
非常時には回線を物理的につなぎ替えなければ成らないと言う、ちょっと格好悪い状態になってしまいました。非常時と言えども、線をつなぎ替えるのは負けた気がします(ノ∀`)
結論から言いますと、Softether1.0でアッサリ動きました 。
Proxyもちょっと……
イーモバ(搭載ノート)機でPROXYを動かすのも手ですが、HTTPのみならずFTPやらメール関係やら、全てに設定を施すのも、同等の敗北感を感じざるを得ません。
やはり、理想は仮想ハブ!
TinyVPNは上手く動きませんでした。しかし、理屈としては動かないはずがないのです(´・ω・`)どうしても諦めが付きません。案外、仮想ハブって選択肢ないのですね……
Softetherの後継となるPacketiX は有料ですし……
Softether1.0
おお!Softether1.0 が有ったではないですか!公式サイトでは配布終了ですが、余所からは落とせるようです。ただ、後継が出ているだけ有って、メモリリーク等の不具合はそのまま。
結論としては、問題なく、アッサリ動きました。
イーモバ機側で仮想ハブと仮想クライアントを作業機(Vista)でも仮想クライアントを動かし、e-mobileダイヤルアップからインターネット接続の共有で、その仮想ネットワークを指定。
PacketiXを買えが正解!?
私の場合だと、PacketiX VPN Server 2.0 SOHO Edition が丁度良さそうなライセンスです。19,000円。
うーむ。非常用だし、いざとなれば物理的につなぐ手段もあるので、とりあえず Softether1.0 で良いか!(・∀・)
トラックバック URL :
最終的には
結論から言いますと仮想ハブの利用は失敗し、格好悪いですが、バックアップ時には既存ネットワークの物理的な変更を行います。
最終的には作業機とイーモバ(を挿したノート)機を物理的にクロス接続 (物理ハブとLANケーブル2本)し、イーモバ機側でインターネット接続の共有 。うわー格好悪い。
最初は概要をつかむ
非常に簡単に考えていました。甘かったです。
ノートPCにイーモバのPCカードを挿して使っているので、そのイーモバのダイヤルアップと既存LANをブリッジすれば、アッサリ共有できるだろうな……と(ノ∀`)
一覧にない
イーモバイルは付属の専用ツールで接続・切断を行います。
おい「ネットワーク接続」の一覧に何も表示されないじゃないかwww
ブリッジどころかプロパティを開く手がかりさえ有りません。
……ありましたありました
イー・モバイル付属ユーティリティを使わずにすばやく接続し、すばやく切断する方法
これを見て適当に設定。おおー繋がる繋がる(後日知りましたが、適当 ではパケ死する可能性があるとか……)
ブリッジできない
さて、これで色々と設定できるはず(*゚∀゚)=3
……なんと、ダイヤルアップ接続はブリッジできない (ノ∀`)知らなかった
インターネット接続の共有
ダイヤルアップの場合はインターネット接続の共有 なる機能を使う様です。
プロパティの詳細設定に~~(・ω・)ない。ありません。有るはずのチェックボックスが、気配さえ有りません。
Windows XP におけるインターネット接続の共有に関するトラブルシューティング によると、奇妙な手段でインストールする必要があるようです。なんか納得がいきません(笑)が、とりあえずインターネット接続の共有を出現させることが出来ました。
既存ネットワークの設定は変えたくない
うちの場合IPはほぼ全機とも指定をしていますので、ノートと作業機だけは「IPアドレスを自動的に取得する」で行けるように、既存ネットワークのルータにMACアドレスを登録。抜き差ししても設定が崩れない為の対策です。
インターネット接続の共有機能は、ダイヤルアップにつなげる別途LANを指定します。IPの振り方等に癖があるもの、単純にクロス接続する分にはアッサリ 繋がってくれました。
バックアップ用につなぎ替えたくない
まぁ、作業機にイーサカードを追加すれば事足りるのですが、既存ネットワークの物理的な変更にはなんか敗北感を感じます(ノ∀`)
となると、仮想ハブっすかね(´―`)やっぱり
とりあえずフリーのTinyVPN なるものをチョイス。ネットワーク自体は問題なく確立されるのですが、ダイヤルアップ側からインターネット接続の共有で選択してもpingしか通りません(ノ∀`)
俺駄目じゃん。素直にUSBタイプを買っておくべきだったか……
今日の所は引き上げです・゚・(ノД`)・゚・
トラックバック URL :