画面解像度の違いに起きるレイアウトの崩れ
-
0 名前： tm ： 2005/08/07 02:53
- 1024x768の画面でオールスタイルシートで製作してみたのですが、
↑より上の画面でみたらレイアウトがメチャメチャでした。
どの画面で見ても崩れないCSSレイアウトのコツとかあれば教えてください。
ボックスの位置指定でマージン指定や絶対的(または相対的)ポジションを
あちこち使うのは問題でしょうか？どれかに統一すべきですか？
-
1 名前： t ： 2005/08/07 02:53
- 使い方次第だとおもいます。
どういう風にしたのか見せてもらえると具体的な話になるんじゃないかと
-
2 名前： tm ： 2005/08/07 02:53 ［URL］
- あんまり見せれるサイトではないのですが、
チェックしていただけるとありがたいです。
外部CSSを２つほど使ってますが、実際の崩れはHTML内の指定ぽいです。
(右のリストが収まりきれずに下へ回り込んでました。)
-
3 名前： t ： 2005/08/07 02:53
- 全体的に上にずれて表示されてしまいました。
見た感じ、positionで位置を指定するよりfloatとmarginとtableでレイアウトしていく方がうまくいく気がします。
-
4 名前： tm ： 2005/08/07 02:53
- 家に持ち帰って大きい画面で修正しようと見てみたら、
ちゃんと表示されてました。(winで)
どうやらmacだと崩れるぽいです。
macに対応していないCSSタグとかあるのでしょうか？
-
5 名前： カヅサツ ： 2005/08/07 02:53
- CSSタグって何ですか？
-
6 名前： tm ： 2005/08/07 02:53
- すいません。文面おかしいですよね。
CSSを使ってmacだけ表示が崩れる事って
よくある事なのでしょうか？
-
7 名前： t ： 2005/08/07 02:53
- 使用するブラウザにもよると思います。
-
8 名前： カヅサツ ： 2005/08/07 02:53
- 「OSによって云々」という事態は、ほとんどないと言い切って差し支えないです。
「Safariはこれこれこういうバグがある」ということはあり得ますが。
IEについてあえて言えば、Win版とMan版では「別のブラウザ」です。
-
9 名前： tm ： 2005/08/07 02:53
- そうなんですか…「別のブラウザ」での崩れは
妥協するしかないのでしょうか…？
基準をどれにするかが難しいです。
情報ありがとうございます。
-
10 名前： カヅサツ ： 2005/08/07 02:53
- HTMLとCSSのルールに沿うように記述して崩れたらブラウザのせいですし、沿うように記述しないことで崩れたら作成者のせい、というのが基準点と思います。そうは言っても Win IE を無視するのは難しいでしょうから、妥協点はそこになるのではないでしょうか。
-
11 名前： aki ： 2005/08/07 02:53
- ＷＩＮとＭＡＣでＣＳＳの読み込みを分ければ解決できますよ。
ちょっと面倒ですが。
