G@MANIA ver.MT - CODE:Hyena -

はじめまして。
メアド非表示を利用させていただきました者ですが、レイアウトのずれに関して思い当たる節が・・・間違っていたらすみません。

下記は私のエントリーですが、この件じゃないでしょうかねぇ。
『● 引用タグ＜blockquote＞の後がずれる件について。』
↓
http://www.garaku.cc/blog/archives/2004/08/blockquote.html

それとは別に参考になるのがHINAGATAさんのところの下記エントリーかと思います。

『Convert Line Breaksでの引用記述時の注意』
↓
http://hinagata.biz/log/2004/07/24/1659.html

検討はずれでしたらごめんなさい。m(__)m

Border.さん、こんばんは。
ほぉ、そういうズレもあるのですね。
うちの場合はDL、DT、DDタグを使った時に出来る余白をCSSで消してたのですが、何故かWinIEだとその仲に入っているUL、LIタグの余白と合わさってサイドメニューの幅が指定しているサイズより大きくなってズレてたっぽいです。
DL関連タグ外したら大丈夫でした。

という事なんで今回は指摘して頂いた箇所は今は関係ないっぽいです。

CLBの改造は知りませんでした。ボクもちょっと嫌だなぁと思ってたので参考にしてみたいと思います。

突っ込み＆情報＆コメント＆トラックバックありがとうございました。

顔崩れてるよ……
うーん、何で悪徳商法なんですよ

はじめまして。

macを使っておられて、
Win IEできちんと表示させるのが大変だったようですね。

僕の場合は、
mt3.01日本語版を使って自サイトを運営しています。
（使用ＯＳはwindows xpです）

mac OSを使っている人から
レイアウトがぐちゃぐちゃになって
全然読めないという連絡を何件かもらいました。

こういう場合、どういう対策があり得るのでしょうか。
アドバイスをお願いできれば幸いです…。

失礼しました。

ryunosukeさん、こんばんは。

私的に見た感じの原因はサイドメニューのサイズオーバーによる回り込みの失敗で下にはみ出てると思うので単純に回避する方法としては、

・入れ物のサイズをきっちり取る

まぁ、多分それだけだと駄目かも知れませんが...。
その場合は他の部分が影響してサイドの幅を崩してるのでそこを突き止めなければならなくなります。突き止めるのがイジってればイジってるほど困難を極めてきます...。

自分もかなり苦労したんですが、この手の問題は一概にこれと断定できないんです。
レイアウトをイジってればイジってるほどそのCSSの内容も複雑になって、見ただけだと本人にしか分からないのがほとんどですし、CSSの指定要素同士がお互いに影響しているからです。
だからボクにはこれが原因です、とは解答出来ません。すみません。

ただ、修正するための助言としては、CSSにはブラウザ各々に固有の仕様というかバグが存在しています。それらをある程度理解する事で回避出来ると思います。

CSSバグ辞典スレッド
http://cssbug.at.infoseek.co.jp/

ここに載ってるので関連してそうな部分を探してみるといいと思います。

どっかのサイト（海外）でブラウザでMac（Safari）のプレビューが見られるところがあったのですが、失念しました。興味があれば探してみて下さい。

ぶっちゃけて言うとボクの場合はWinで見られなくって致命的でしたが、ryunosukeさんの場合は逆で圧倒的にシェアの多いWinだと問題ないのでMacは切り捨ててもいいかも知れませんw;
全く読めないという事ではなくてサイドメニューがコンテントの下になってるだけですから。
Macだと同じ様にズレてるサイトさんは多々ありますし。

デフォルトテンプレートを徐々に今の様にイジっていけば、問題の箇所が分かると思うのですが...。ボクの場合、理論的に構築していった訳でなくてやってたらこうなったって感じだったんですよね...行き当たりばったりでした。
Winで見られないので、その度にお友達に確認してもらって助けてもらってました。

分からないという力になれない答えで申し訳ありません。

so-suさん

突然の質問に丁寧に答えていただけて、ちょっと感激でした。

紹介していただいたバグ辞典から色々リンクを飛んで調べて見た感じだと、
overflowをhiddenにしているのが原因なのではないかな、
と予想しまして、overflowをvisibleに書き換えてみました。
（

>Winで見られないので、その度にお友達に確認してもらって助けてもらってました。

…とのことですが、もし宜しければ自サイトを見ていただいて
改善されているかどうか教えていただけないでしょうか。
我侭ですが…

）

ところでアドバイスいただいた、
「入れ物のサイズをきちっと取る」というのは、
どういうことなのか分からないので教えていただけると助かるのですが…
僕の場合ですと現在、コンテンツ部分を600px、サイドを400pxとしているのですが、
具体的にはサイドを200pxとか300pxに減らすということでしょうか？

お時間のあるときに答えていただけるなら嬉しく思います。

龍

お、直ってますね。
ちゃんと表示されてるみたいです。

overflowは関係ないかと思います。IE使ってませんし。

サイズを決めるってのは入れ物、入れ物の空白、余白、ボーダーまで計算して組むことです。
本当は決めないで可変値にしてた方がいいみたいですけど。

ちなみにMacIEは開発が既に止まっており、ただでさえ少ないMacユーザーの中においても更に利用者は少ないブラウザです。機能的にも格段に優れている純正ブラウザがある今、あえて一昔前のブラウザを利用する人はそうそう居ないと思うのでMacIEに関しては完全切り捨てでいいと思います。
ボクもそうしてます。見え方が全然違うのでやってらんないですし。

Macで使われてるブラウザはSafariかFirefoxがほとんどだと思うのでそれだけ考えればよろしいかと思います。SafariとFirefoxの見え方の違いは若干、余白、空白のサイズの認識が違うくらいです。ほとんど同じ。
Win FirefoxもMacと同じ見え方するというのを見たような気もしますが、気のせいだったかも知れません。

修正おつかれさまでした。

ありがとうございます。
お蔭様でＯＳ間やブラウザ間の違いに対する認識も
少しは深めることができました。

firefoxというブラウザは僕もインストールしてみたのですが、
これを使っているmacの人やwinの人は
何がメリットで使っているのでしょうね？
実感が持てませんでした。

Firefoxを使うメリットはかなりあると思います。
Winだと少し違うかもしれませんが、
・表示速度がIEに比べて圧倒的に速い（体感で２倍以上）
・タブブラウジングが出来る
・機能拡張が豊富
・スタイルが豊富
・RSS摘出機能
というのが真っ先に思い付きます。
特に表示速度とタブブラウジングは、慣れてしまうと二度とIEを使う気にはなりません。

逆にデメリットと言えば日本語にローカライズされたものが、少し遅れて発表される事くらいですが、一度日本語版をいじってれば分かるので問題にはなりません。

ま、ボクはSafariがメインでFirefoxはたまにしか使ってないんですけどね。Safariの方が速いし。
とりあえずMac IEだと使うメリットがないのは確かですw

Winの方でもSP2の問題が多くて乗り換えてる人も多いみたいですね。

なるほど。
速度は改めてIE使ってみるとかなり実感できました。

規定のフォントが見にくかったので
最初は違和感がありましたが、
フォントを変えれば済む話ですしね。

疑問に思うのは、こんなに便利なブラウザがあるのに
（この間までの僕も含めて）多くのWinユーザーが、
IE使っているんでしょうね？？

＞ 規定のフォントが見にくかった
デフォルトのフォントは日本語向きじゃないので変えた方がいいかもですね。

＞ 多くのWinユーザーが、 IE使っているんでしょうね？？
そこがボクにも分からないんですよねw
Winの友達にIEより全然いいよと進めるのですが、ほぼ躊躇して使おうとしませんね。
ライトユーザーであればあるほど、その傾向が高いように思えます。ヘビーユーザーの場合だとマイクロソフトそものもに愛着がある人だったり、昔のNetscape Navigaterのイメージが強く残ってる人が多いのかも知れませんね。

やっぱり純正品ていう安心感が強いのかなと思います。
安心感よりも使用感を取る方がいいと思うんですけどねぇ。