何故か何か問い合わせが多いCCS関連の話題なんですが・・
右レイアイウトのズレというか完全に下に落っこちまう現象とかアレコレですが・・
3段カラムは左のブロック(便宜上、ブロック表記)に2ヶ(レフトとセンター)、右に1ヶ。それを全体のレイアウトで制御するのが基本的だと思いますが・・。
肝心のズレちまう現象は、各ブロックにワイズやマージン、パディング、更にはボーダーまでをピクセル単位で指定してしまった場合に起こり易い現象です。パーセントでも前記を全て指定してしまった場合、ワイズの合計が100パーゼントを越えるとそうなり易いです。要するに全体のレイアウトに入りきらない場合は、いくらフロートを指定していても落ちます。ズレます。なので、ワイズを指定せず、マージン、パディングで制御する方が、表示の崩れは少ないです。しかし、いくつかの重要なブロックにはワイズの指定をしないと大変なことになる。思い通りに表示させたい場合にワイズ指定は欠かせない。なので、結局、計算機片手に緻密な設計を行い、構築するしかない。また、その都度、検証を繰り返えさねばならない。それでも、全てのOSやブラウザで寸分違わず表示させることは現時点では不可能ぽいです。(もちろん、絶対位置指定でがっちがちに固めてしまう方法もあるけれど、それだと全く融通が利かないし直しも大変。右ブロックが落ちたりはしないけど、思いっ切り重なって表示され、更に悲惨な状態になる場合もあり、)ちなみに、しげっトちゃんはピクセル派。
これは、各OSやブラウザによってCSSの解釈が違うために起こる現象なので、仕方ないっていえば、仕方ないのですが・・勿論、ブラウザのバグと言ってしまえばそれまでだけど、それすら仕様として範疇に入れなければならないのが現状です。
しかし、仕方ないでは済まされない場合もあります・・なので、なんとかしたい・・
一番手っ取り早いのは、綺麗に表示させたいOSやブラウザに優先順位を付ける。この環境で綺麗だったらイイや・・みたいなもん。
いささかネガティブ&乱暴な発想ではあるけれど、それが最も現実的でもあるからして。。
優先順位の付け方としては・・下記の2択があります。
1)自分が使ってるOSやブラウザ、解像度に合わせる。
2)総体的にアドバンテージのあるOSやブラウザ、解像度に合わせる。
3)2択と言っておきながら3。2段カラムまでで我慢。だいいち私ゃ2段カラム派だ!
4)更に4択目。HTMLのみでヤルからいいよ。CSSなぞ見たことも聞いたこともないことにして寝りゅ。
5)読むのが面倒なので、晩ご飯の時に、しげっトちゃんが喋ってくれ。TV観ながら聞いててやるから。喋り終わったら帰っていいよ。ついでに、これやっといてくれ。
6)も1回言わせてもらうけど。おまえのもズレてるぞ。
7)しげっトちゃんがただで日本全国の人々のを全部やればいい。コピペせずに1ヶずつ手打ちでやればいい。
8)前のバージョンの方がまだマシだった。しかもパート2かと思たら同じ内容じゃん!
9)数字が2ケタになると見た目が嫌なのでもういいです。仕事しる!
1番の選択肢は、マカーやネスケ派等のマイノリテイー&横が1000ピクセル以下の解像度しかもたないモニタを使ってる方々にはお勧めできないです。←90%以上の人はズレたものを見せられることになる。要するに選択肢は一つ、2番が正解です。この選択肢だと、少なくても90%以上の人は問題なく表示されます。(現時点では、やはりWinXPとIEが最もアドバンテージがあります。参考までに・・)なので、自動的に1=2の方々が大半だと思われ、大変お得感のある大変親切な選択肢。
一応、二番目にアドバンテージのあるOSやブラウザまでを考慮できればなお良し。また、その他の環境でも、「取り敢えずこれなら許せる範疇か・・」まではやった方がいいっぽい・・(各環境を理解しつつ、検証を重ねつつとなりので、その分、時間を要しますが・・)アクセス解析とはアクセシビリティやユーザービリティ向上が第一目的と知るべし。
結局、何の結論も出てませんが・・書き忘れたこともあるとは思いますが・・現状では、それが一応の結論であり、 OSやブラウザが競合を続ける限りは解消されない問題でもあるかも知らん。そうやって、制作以外の部分での気苦労は続く・・。続き続ける。
余談ですが、Webデザイナーって元々紙媒体のデザイナーさん出身の方々も多く(多いというか、現在も兼業の方々が多い)、当然マカー率が圧倒的に高いですが・・作る側はMac、見る側はWinという図式が出来上がってしまい・・そういったジレンマに陥った時期もあり・・前記したOSやブラウザでの表示問題もあり、見るも無惨なorz。まぁ、そういった問題もありということで、ここ数年はWin機を導入するマカーも増大の一途を辿ってるってのが現状だと思います。←それでも制作は使い慣れたMac(やはり、デザイナーさん御用達のPhotoshopやIllustratorはMac版の方が操作感が良い。慣れもあるだろうけど)、検証はWinというヤヤコシイことをやってる方々も多いですが・・←それって自分のことじゃ(ry
- http://record-radio.net/MT/archives/2004/12/post_2.php