掲示板/総合質問板/過去ログ/一覧/ レイアウトが・・・・

0 名前：ゆう： 2006/10/18（水） 18:57 ID:z45M5JB1: 【何をしたいのか】
ブラウザーの大きさによって、文字やカウンターのレイアウトが動いてしまいます。
それを固定する方法とかあるのでしょうか？

【現在の状況】
ブラウザーの大きさによって、文字が動いてしまい、レイアウトがばらばらになってしまう。
イラスト画像などは動かないのですが・・・・

【何をしてみたのか】
初心者なので、どうすればいいのかわかりません。買った本にも対処法が書いてないので・・・

【備考】
よろしくお願いします。
教えていただければ感謝いたします。

1 名前： K+S ： 2006/10/18（水） 18:57 ID:nROqylMa: > ブラウザーの大きさ
ウィンドウの表示領域と読み換えます。

> 文字が動いてしまい、レイアウトがばらばらになってしまう。
文字が動くことでレイアウトが崩れるということでしょうか。
内容を包含している要素の幅を指定すればよいように思います。

> 初心者なので、どうすればいいのかわかりません。
技術的な初心者であることは仕方がありませんが、質問者として初心者というのは無しです。
回答を得られるような文章を作成することを心がけてください。

> それを固定する方法とかあるのでしょうか？
実際にどのような構成なのか把握できない以上、適切な回答ができません。
可能であれば、具体的な構成の説明や作成したページの提示を行なってください。

2 名前：ゆう： 2006/10/18（水） 18:57 ID:z45M5JB1: >> 文字が動いてしまい、レイアウトがばらばらになってしまう。
>文字が動くことでレイアウトが崩れるということでしょうか。
>内容を包含している要素の幅を指定すればよいように思います。

その通りです。
文字が動いてしまいレイアウトが崩れてしまうのです。
要素の幅・・・
どのように指定すればいいのでしょうか？

>> 初心者なので、どうすればいいのかわかりません。
>技術的な初心者であることは仕方がありませんが、質問者として初心者というのは無しです。
>回答を得られるような文章を作成することを心がけてください。

すみません。
もっと分かりやすく説明できるよう心がけます。

>> それを固定する方法とかあるのでしょうか？
>実際にどのような構成なのか把握できない以上、適切な回答ができません。
>可能であれば、具体的な構成の説明や作成したページの提示を行なってください。

［管理人によりURLを削除させていただきました］

ここなのですが、おはずかしくて・・・・
こんなHPを出してもと思ってしまって控えてたのですが・・・
まだ作りはじめなので経験をとおもってがんばってはいるんです。
すみません。分かりにくい文章で。
よろしくおねがいします。

3 名前： K+S ： 2006/10/18（水） 18:57 ID:nROqylMa: 拝見し、ウィンドウサイズを変更してみましたが、
> 文字やカウンターのレイアウトが動いてしまいます。
> それを固定する方法とかあるのでしょうか？
「レイアウトが動く」というのはどのようなことなのでしょうか。ウィンドウサイズを変更しているのでそれに伴って"動く"のは当然ですが。
どのような表示結果（レイアウト）を理想とされているのでしょうか？

4 名前：ゆう： 2006/10/18（水） 18:57 ID:z45M5JB1: カウンターや文章が動いてしまうのです。
ほかのHPをみたりするとサイズを変えても動かないのですが
何か方法があるのかと想いまして質問させていただいています。

5 名前： masao ： 2006/10/18（水） 18:57 ID:MN7JUJxS: それはCSSを使うしか方法がないと思います。(使ってもブラウザによってはめちゃくちゃになりますが。)
すべての要素にpaddingとmargin、width、heightを決めるのが、安全確実です。
CSSについてはここで説明してもしょうがないので、自分で調べるのが一番です。

6 名前：えじ ◆HtEaXt.II9 ： 2006/10/18（水） 18:57 ID:WP1ytrfY: お話中のところすみませんが、、

>>2 で提示されているリンク先のコンテンツが、ガイドラインの次の項目、
http://www.tagindex.com/bbs/guideline.html#h3
「外部へのリンクについて」の注意事項に当てはまってしまう可能性があります。

そのため、>>2 で提示されたURLを後日削除させていただくかもしれません。
（できれば問題が解決するまでお待ちしたいのですが、長引くようでしたら解決前に削除するかもしれません）

スレッド自体はこのまま進行していただいて結構です。

※自分でガイドラインを作成しておきながら、この問題についてはどのへんで線引きをすればいいのか、非常に悩んでいます＾＾；　ご意見のある方は下記のスレッドでお願いします。
http://www.tagindex.com/cgi-lib/bbs/patio.cgi?mode=view&no=146

7 名前： 五月雨 ： 2006/10/18（水） 18:57 ID:q0XLEugU: >>4
> カウンターや文章が動いてしまうのです。
カウンターに関しては、header.html の以下の部分を書き換えれば、良さそうですね。
# Webページを作る上で左寄せは基本ですが、実現したいレイアウトによっては右寄せにすることも考えてみてください。

<div style="margin-top:15pt;margin-left:400pt;">
　↓
<div style="text-align: right; margin-right: 3em">

文章に関しては、レイアウトは崩れていないように感じますが、ウインドウサイズが小さいと横スクロールバーが出てしまうのが問題といえば問題かもしれません。

ソースを見て気になったのは、<table> のwidthに 480 指定されている点です。
この場合、メインフレームの横幅に 480px 必要になるので、多くのウインドウサイズに対応させるなら好ましくありません。
# 最も、大きな画像を横に並べているので、このレイアウトを維持する限りは仕方がないとも言えるのですが。
# 更にいえば、フレームも多くのウインドウサイズに対応させるのには適していません…。

多くのウインドウサイズに対応させたいのでしたら、レイアウトを変更することも検討してみてください。
画像のように幅＆高さが決まっているものは、縦に並べた方が良いと思います。

# 質問を続けられるのでしたら、公序良俗に適した範囲でサンプルページを別に作った方がよいかもしれません。