09 | 2017/10 |  11

  1. 無料サーバー

User forum-FC2BLOG-Info-Edit Template-Post-Edit-Upload-LogOut

CSSやJavascript自習の苦闘史を綴っていきたい。恐縮ですがJavascriptを有効にしてご覧ください。
2005年12月から社会問題も掲載!

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 

それにしても

 それにしてもクロスブラウザな作りは非常に難しい!!
 最近はtableによってレイアウトするのも十分頷けるようになってきた。それがどのブラウザで見てもおそらくは確実に同じようなレイアウトを実現しうるからだ。
 IEとNNとそしてFireFox、更にSafariもあればOperaもある。百花繚乱とは言わぬが、それぞれが勝手に仕様を決め、あるいは競い合っている中で、HTMLはまだしも、CSSの各種属性の実装有無には相当の差異があり、更にJavascriptもまたブラウザによって細部では実装がまちまちと来ている。
 こんななかでどのブラウザで見ても同様に、全く同じようではないとしても殆ど替わらないように見せるには、結局の所凝ったレイアウトをせずに、画面一杯の幅を初期コンテナとして、左右上下にも余り細分化してレイアウトせず、単純明快な素朴で質素なレイアウトが好ましい、ということになってしまうのではなかろうか?
 例えば、JavascriptであるPopupwindowを表示しようとする。その時の位置は可変であってクリックしたマウスあるいは行の傍にPopupさせたいとする。このとき当然画面トップとレフトからの位置を計算させなければならないが、Firefoxの場合、Javascript内で計算させたx位置やy位置にPopupWindowを表示させることが出来ない。例えば単純な x=50; のような計算式を計算していることは確認したのだが、次の計算式の結果が反映されない。
popup[n].style.left = x ;
popup[n].style.top = y ;
 IEではきちんと反映されるのに!である。Firefox付属のJavascriptコンソールでチェックしてミスもないのに!である。
(~--)/(^^;) なんでやねん!!もう疲れた~~~!!!!!

 

● コメント ●

 (匿名さん)

>IEとNNとそしてFireFox、更にSafariもあればOperaもある。
>それぞれが勝手に仕様を決め
>CSSの各種属性の実装有無には相当の差異
>CSSも 考え方は立派なのですが 実現する人達に互換性がない

それぞれが勝手に仕様を決めていたのは遥か昔のことです。「IE以外の」ブラウザのほとんどはHTML, CSS共にW3Cの勧告に準拠する方向で設計されています。ただ、そのレンダリング(描画)エンジンは全く同一ではないので、解釈や描画結果に多少差異が出てしまうのは当然とは考えられませんか?

● コメント ●

う~~ん まだ 入れませんか? (hisa)

私のBlogは HPの白虎の左側に
  「写真集」
  「捜し物」
  「リンク集」
  「自己紹介」
  「ひさの駒日記」
と 並んでいる一番下の「ひさの駒日記」を 叩けば、、、
http://hisam11.fc2web.com/diary/nikki.html
にリンクされてます。なお本体は
http://blog1.fc2.com/hisam11/index.php
に ありますが こちらは 音が出ないし できれば 使って欲しくないアドレスですが
どうしても HPのtopから 入れない時は こっちを使ってみてください。
では また。
あ 私のBlogは コメントもトラックバックも受けつけません。
こられたら 白虎 右側の掲示板にでも一言どうぞ!!

● コメント ●

おおぉぉ('-'*)オヒサ♪ですねぇ~ (hkom)

 元気でしたか?
 こちらはもう大変。加熱、沸騰、埋没、没入、潜行・・・。寝ても覚めてもCSSの妖怪が頭の中を右往左往しています(笑)。
 さて、結局の所tableでレイアウトした方が対ブラウザ対策として安定したレイアウトになるから、Yahooだってsonyだってトヨタだって、み~んな一緒に赤信号を渡っているのでしょうね。
 exblogのあるスキン編集者(エキサイトブログではFC2でいうテンプレート編集をこのように呼んでいます。より大衆的な言葉として分かりやすいと思いますが、レイアウトと表情は違いますから誤解も生みやすい言葉でもありますが・・・)からコメントとトラバをもらったのですが、その方が「実践的にはtableを使わざるを得ない」と語っていたことを今になって噛みしめています。
 とはいえ、tableを全く使わないレイアウトに未だに拘っており、Myblog では「今のところ」(笑)、カレンダー以外にはtableは使っていないけどね。

追伸:そう言えば、まだhisaさんのブログページに到達出来ないのです。恐縮ですがもう一度その箇所を教えてください。(なお、MyPCはflash playerをインストール済みです)

● コメント ●

同感 (hisa)

かなり経路は異なるようですが、同じような結論に達せられたようですね?!
いろいろな ブラウザがあり Win、Mac、自作など、、、
Winにも いまだに95の人もいるし、、、
あまり 特殊なページは 自分で見る分には良いのですが 他の環境では とんでもないことになることもあるようです。
CSSも 考え方は立派なのですが 実現する人達に互換性がないようです。困ったもんだ!
基本的なHTMLのみでは あまりに味気ないですが HTMLでできることは HTMLでやった方が上手くいく場合があるようです。
あ すみません リンク張っておきました。また来ます。

■ コメントの投稿 ■

管理者にだけ表示を許可する

●トラックバック●

■トラックバックURLはこちら■
http://hkom.blog1.fc2.com/tb.php/58-4e16efc6

●参照元一覧●

<provided Fc2>
<provided i2i>

▲ToTop

 90%近いシェアを握っているインターネットエクスプローラの描画エンジンを利用したタブbrowser。沢山のタブbrowserがあるが、多機能、カスタマイズフリー、スクリプト利用等で一日の長がある。Gekkoエンジンへの対応も行われ、IEからの自立独立の方向に向かっている。2005年7月にはIE7が登場する見通しの中で、今後の発展が望まれる。

 多様なCSS作成支援機能を備えた、タグ入力式 HTML&CSS作成支援エディタ。スキンデザインもすっきりしている。テキストエディター上で作成するよりも確実で安全にタグ打ちが出来る。
文字コードを選べないのが欠点。

 StyleNote同様のタグ入力式 HTML&CSS 作成支援エディタ。長年使用してきたが現在StyleNoteに乗り換えつつある。

 クリップボード履歴情報を活用する為のソフト。画像まで履歴を取ってくれるのが嬉しい。このソフトを使わない日は絶対ない程に重宝し、愛用している。

 起動中のウィンドウの「コピーできない」説明文などの文字列を取得し、コピー可能な文字データにするツール。何かと便利。

 ストリーミングデータを保存することが出来るソフト。動画利用には不可欠なソフトだ。

 無料ながらレイヤー機能を有し、スクリプトによる拡張も可能な、sleipnir作者が提供している優れもの画像編集ソフト。

 画面キャプチャソフトと言えばこれに勝るものなし、ではないだろうか? 様々な取得方法を有しており、ブログ作成にもHomepage作成に不可欠だ。Jtrimと並んでWoodyBellsの作品。

 複数ファイルの同時編集は出来ないが、透過pngも作れる画像編集ソフト。
(以下当該サイトから抜粋)初心者にも簡単に操作が出来るフォトレタッチソフトです。多くの加工機能で画像に様々な効果を与えることができます。非常に軽快に動作するため、ストレスなく操作できます。

 Animation Gifファイルを作れる無料ソフト。

 キャプチャソフト。画面内にサイト全体が表示しきれない場合でも、これを使えば全体をキャプチャすることが出来る。

 画像処理。画像のフォーマット変換のみならず、色数やサイズ、圧縮率の変更まで一括処理できてしまう『BatchGOO!』は、大量の画像をまとめて処理したいときに大変便利なソフト。BMP, TIFF, JPEG, PCX, PNG の相互変換をはじめ、色数・サイズ・解像度の統一、JPEG圧縮率の調節など、ホームページ用の画像や携帯電話用の壁紙を揃えるのに抜群の相性を見せる。(Vectorの当該ソフト紹介頁より抜粋引用)

 名前から直ぐに想像が付くように画像のサイズを測るためのソフトだ。Homepage作成には欠かせない。2カラム、3カラムのレイアウトを行う場合に大変重宝する。

 ランチャーソフトは沢山あるが、中でもこれが一押しだ。2年以上使ってきたがその操作性には毎日満足している。これを使い始めてからデスクトップには一切のアイコンを表示することをやめてしまった。

 AdobeReader7によって、起動時間が長すぎるという長年のユーザーの不満はある程度解消した。そのためこの高速化ソフトは存在価値が低下してしまったかもしれない。AdobeReader6迄はこのソフトによる起動高速化で恩恵を受けてきた。

 IE専用が難点だが、様々なサイト内でIDやパスワードを入力するのに重宝するソフト。コンテキストメニューから簡単に起動できるのがGood! sleipnir等のIEの描画エンジンを利用しているブラウザでも使える。

 利用しているパソコンの諸元値を取得するには、このソフトがベストだ。インストール済みソフトの一覧が取得できるのも嬉しい。

 WMPは機能が豊富なだけ重い。RealPlayerも同様だ。そこでMedia Player Classicを使いたい。動作が軽快なだけではなく、対応しているファイル形式もすこぶる多く、これひとつで、wmvもrmも表示できてしまうのだから凄い! 数多あるMedia Playerの王様と言えるだろう。

 自宅でPCを起動しているときには必ず起動しているメディアプレーヤー。何かと過剰なWinampよりも、起動も速くスキンはシンプルだ。

 DivX, Xvid, Mov, Vob, Mpeg, Mpeg4, avi, wmv, dv, などの動画をDVD-Video形式に変換できるフリーソフト。クリックするとDVD関連ソフト紹介サイト=「DVDなToolたち」なるHomepageが開きます。

----------
200411210422
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。