2008'06.22.Sun
このブログでメモってタイトルが付くときは、ほとんどHTMLとかCSSとかJS関連なので、ひとつカテゴリを作った方がいいのかもしれないな。
なんて思いながら今日のメモ。
MultipleIE
さて、古いIEでの表示確認にevolt.orgのスタンドアローン版を使っていたのだけれど、どうもアルファイメージへの対応ができていない+CSSの分岐条件のアレも駄目。ということらしい。
実際に困ったことはないのだけれど、まあ今後のために備忘録。まさにメモ!
なんて思いながら今日のメモ。
MultipleIE
さて、古いIEでの表示確認にevolt.orgのスタンドアローン版を使っていたのだけれど、どうもアルファイメージへの対応ができていない+CSSの分岐条件のアレも駄目。ということらしい。
実際に困ったことはないのだけれど、まあ今後のために備忘録。まさにメモ!
PR
2008'06.21.Sat
なにやらうちの人がどうしても複合機を使いたいと言うことで、10時ごろからセットアップ作業。
11時に終わったのだけれど、その後バッファローの無線LAN子機が行方をくらます(構成的な意味で)
有線は無効ににしているのに、マネージャから接続しようとすると「有線が有効になってるからだめー☆」とか言われるし。
さてどうにも困り果て、USBポートを変えてみたらすんなり認識し、復活。なんで?
とりあえず後で最新のドライバを入れておこうと思います。
それはそうと、モニタのスピーカから音声を出力する繋ぐためのケーブルが見つかったので、それも繋ぎました。ノイズが消えて良い感じ。
11時に終わったのだけれど、その後バッファローの無線LAN子機が行方をくらます(構成的な意味で)
有線は無効ににしているのに、マネージャから接続しようとすると「有線が有効になってるからだめー☆」とか言われるし。
さてどうにも困り果て、USBポートを変えてみたらすんなり認識し、復活。なんで?
とりあえず後で最新のドライバを入れておこうと思います。
それはそうと、モニタのスピーカから音声を出力する繋ぐためのケーブルが見つかったので、それも繋ぎました。ノイズが消えて良い感じ。
2008'06.18.Wed
HTMLでは文章を二段組みにできないが、無理矢理やろうとしたらどうなるか。
もちろんテーブルを使うとか、少しだけレベルが上がるとCSSのフロートを使うとか、いろいろな意見があると思うけど、今回はそういう見かけだけのはなしで、全力で二段組みを実装しようともがいてみる。
その前に、先の方法でのデメリット。読み飛ばして貰って構わない。
まず両者、共に文章の変更が面倒であること。そして一段目の最終行が不細工になることだ。さらにテーブルは表を作るタグだし。
また、本来一つの文章であるのに切れてしまうと言う問題が残る。まあ、これはそう簡単に解決できまい。今僕が考えている方法でも難しいだろう。
さて、他の視点から見ると、画像で処理をしてしまう、と言うのがある。確かに早いし簡単だが、この方法が許されるのは仕事の時だけだろう。趣味で作るなら(HTMLを組むこと自体が趣味の場合は)、やはりそんな方法ではおもしろくない。
ここからが今考えている案。
HTMLだけでは不可能なので、Java scriptを使用する。
事前に二段組みにする文章に対して、折り返す文字数Xを指定しておく。この時全体のデータをYとして、X < Y/2
文章をカウントし、Xのところでタグを挿入し、フロートで右に回せば完成。
レイアウトするときに、幅を文字数で指定すればレイアウト崩れも防げるし、文章は気軽に変更できる。
まあ、UTF-16とかで書いた文章には使えないだろうけれど……。
ひとつの思いつきなので、失敗したり、できなくても苦情は受け付けないわ。
もちろんテーブルを使うとか、少しだけレベルが上がるとCSSのフロートを使うとか、いろいろな意見があると思うけど、今回はそういう見かけだけのはなしで、全力で二段組みを実装しようともがいてみる。
その前に、先の方法でのデメリット。読み飛ばして貰って構わない。
まず両者、共に文章の変更が面倒であること。そして一段目の最終行が不細工になることだ。さらにテーブルは表を作るタグだし。
また、本来一つの文章であるのに切れてしまうと言う問題が残る。まあ、これはそう簡単に解決できまい。今僕が考えている方法でも難しいだろう。
さて、他の視点から見ると、画像で処理をしてしまう、と言うのがある。確かに早いし簡単だが、この方法が許されるのは仕事の時だけだろう。趣味で作るなら(HTMLを組むこと自体が趣味の場合は)、やはりそんな方法ではおもしろくない。
ここからが今考えている案。
HTMLだけでは不可能なので、Java scriptを使用する。
事前に二段組みにする文章に対して、折り返す文字数Xを指定しておく。この時全体のデータをYとして、X < Y/2
文章をカウントし、Xのところでタグを挿入し、フロートで右に回せば完成。
レイアウトするときに、幅を文字数で指定すればレイアウト崩れも防げるし、文章は気軽に変更できる。
まあ、UTF-16とかで書いた文章には使えないだろうけれど……。
ひとつの思いつきなので、失敗したり、できなくても苦情は受け付けないわ。
2008'06.18.Wed
やばい……緋想天に時間が……
俺、次に起きたときから7月までパソコンつけないことにするよ……
と言おうと思ったのだけれど、レポートがあった。こんな時に! ガッテム!
だれか特定のソフト立ち上げようとすると警告するプログラム作ってくれ!
俺、次に起きたときから7月までパソコンつけないことにするよ……
と言おうと思ったのだけれど、レポートがあった。こんな時に! ガッテム!
だれか特定のソフト立ち上げようとすると警告するプログラム作ってくれ!
2008'06.14.Sat
某所から通信、Operaバージョンアップでデザイン崩れの報告!
というわけでウチの様子はどうなのか見てきます。新PCになってからオペラ使ってなかったからインストールしないと……
_________
デザイン崩れはしないことを確認したけれど、IEではこのブログのデザインが微妙に違っているという衝撃の事実が。
経験からして、たぶんbody内での一番外側の要素のトップでmarginを使ってるのかなと。つまりそれをpaddingに変えればいけるんじゃね?てきな。
ちょっち修正してくる。
_________
修正完了。どうやら格子構造ではなく積み木構造(?)でした。
あとそのままpadingで調整すると痛い目を見そうだったので、bodyに直接paddingで上にスペース取ってみた。OperaとIEでは確認。……がしかしFFで崩れたーーっ!
たぶんSafariでも崩れてる予感。修正してくる!!
__________
修正完了……てか、上部のmarginの値を0じゃなくてo(オー)にしてたという凡ミスorz
なるほど、FFは正直なのね...
____________
東方緋想天を某狐に借りてプレイ。これは楽しい。
というわけでウチの様子はどうなのか見てきます。新PCになってからオペラ使ってなかったからインストールしないと……
_________
デザイン崩れはしないことを確認したけれど、IEではこのブログのデザインが微妙に違っているという衝撃の事実が。
経験からして、たぶんbody内での一番外側の要素のトップでmarginを使ってるのかなと。つまりそれをpaddingに変えればいけるんじゃね?てきな。
ちょっち修正してくる。
_________
修正完了。どうやら格子構造ではなく積み木構造(?)でした。
あとそのままpadingで調整すると痛い目を見そうだったので、bodyに直接paddingで上にスペース取ってみた。OperaとIEでは確認。……がしかしFFで崩れたーーっ!
たぶんSafariでも崩れてる予感。修正してくる!!
__________
修正完了……てか、上部のmarginの値を0じゃなくてo(オー)にしてたという凡ミスorz
なるほど、FFは正直なのね...
____________
東方緋想天を某狐に借りてプレイ。これは楽しい。
カレンダー
プロフィール
リンク
最新記事
最新トラックバック
ブログ内検索