- ベストアンサー
サイト制作において、一般的な横幅を教えてください。
JeanneNetの回答
- JeanneNet
- ベストアンサー率48% (100/208)
じゃんぬねっと です。 アクセシビリティ的には、値を決めないことが最も良い選択になるでしょう。 解像度によって使い難くなるなんてことはない方が良いです。
関連するQ&A
- スマホページの横幅調整
スマホのＨＰを作ったのですが、初期表示時、小さく表示されてしまいます。 たて表示をイメージして、横幅３２０ｐｘの固定サイズで作成したのですが、 ほかになにか記述が必要なのでしょうか？ （通常のHTMLとｃｓｓで作成しています） お手数ですが、ご存知の方、教えてください。
- 締切済み
- HTML
- 携帯サイトの横幅について。
携帯サイトを作成する際の横幅で悩んでいます。 自分が使用しているFOMAの最近の機種は240px表示が主流ですが、AU、Softbankの最近の機種は何px表示が主流なのでしょうか？ 今まで、あまり他機種ユーザーの事を考えずに、TOPに横幅240pxのタイトル画像等を置いていたのですが、「もしかしたら他機種ユーザーの方にはキチンと見えていないのでは？」と思い、デザインをし直そうと考えているところです。 お解りになる方がいらっしゃったら、教えていただければと思います。
- ベストアンサー
- HTML
- 指定した横幅内で文章を左寄せ(右寄せ)したい。
初めまして。 現在、携帯電話向けのホームページを製作しているのですが レイアウト等の設定方法で自分では分からない箇所があったのでこちらに質問させて頂きました。 基本的に全てのコンテンツの横幅の上限を240pxで統一しています 加えてモバイルサイトとして製作中なんですけれど、 PCで閲覧した場合の見栄えも考慮したいので コンテンツをセンターに表示させる形式のレイアウトにしようと思っています。 そ こ で、質問です、 タイトルやボーダー等は画面のセンターに表示させ 目次等の各種文章をセンター240pxの範囲内で左寄せしたり右寄せしたいのですが テーブル系タグや、コンテンツの両サイドの余白を固定で設定して対応すると 閲覧環境によってはコチラが意図していない形で表示されてしまう事は無いのでしょうか？？ また、それ以外の方法で適しているタグやスタイルシートがあれば是非教えて下さい 宜しくお願い致します。
- 締切済み
- HTML
- HTMLで横幅をCSSで設定できません。
HTMLで横幅をCSSで設定できません。 headerを作成しているのですが、画像のように横幅が外枠の wrapperをはみ出して表示されてしまいます。 はみ出した値は5pxとpaddingで指定した値と一致します。 headerをtableタグで作成した場合、横幅700pxの枠中での padding-left:5px;になり、横幅には変化はありません。 しかし、<div id="header">で横幅を700pxとし、 padding-left:5px;とすると、headerの横幅が 5px増えてしまいます。 <div id="header">の横幅を変化させずに、 paddingを指定することは可能なのでしょうか。 わかる方いらっしゃいましたら宜しくお願い致します。 ■HTML <html> <body> <div id="wrapper"> <div id="header"></div> </div> </body> </html> ■CSS #wrapper { width: 700px; } #header { width: 700px; padding-left: 5px; }
- ベストアンサー
- HTML
- レスポンシブwebデザインで横幅を変更せずに文字を
よくレスポンシブwebデザインで横幅に合わせて基本的には、横幅を320pxにしてサイトを設計するという記事をよく見ますが、横幅が640pxのRetinaディスプレイで見ると画像やyoutubeの動画の画質が悪くなってしまいます。 なので、サイトの横幅を640pxにして、PCで見るときはfont-sizeを12px、line-heightを16pxにして、スマートフォンで見る際には、倍のfont-sizeを24px、line-heightを32pxにというように、横幅を変更するのではなく文字サイズの変更だけをしてサイトを制作するつもりなのですが問題ないですよね？
- ベストアンサー
- CSS
- WEBサイトの横幅が960や980の理由は
WEBサイトを作成中で、横幅についての質問です。 いろいろ調べたところ、現在の主流はサイトの横幅は960か980が多いようです。 それ以外のサイトも多くありますが、これらは950や1000ではダメだったのでしょうか。 作成中のサイトは、いろいろレイアウトを考えると横幅は988が理想なのですが 980では問題なく988では問題が生じるということはあるでしょうか？ 詳しい方教えていただけると助かります。
- ベストアンサー
- その他([技術者向] コンピューター)
- ホームページの制作方法について
初めてホームページを制作します。制作手順について知りたいです。いま考えている方法は、最初にIllustrator（ｃｓ４）で画面全体を作って、そこから必要パーツを切り抜きDreamweaver（ｃｓ５）ではめ込んでいくという方法です。このやり方で良いでしょうか？ちなみにサイトは物販はなく会社概要や商品紹介が中心で凝った内容と言えば問合わせフォームやトップ画面にフラッシュをはめ込むぐらいです。この方法で問題なければ、もうひとつお聞きしたいのですが、Illustratorで画面を作るときにどうやってサイズを合わせるのでしょうか？例えば横幅980pxのサイトを作る場合、Illustratorでも980pxで作れば合うものなのでしょうか？テストで横幅980pxの画面を作ってJpegに変換、それを直接「ブラウザー」→「開く」で見るとサイズが合わない気がします（アホな質問してますか？）Illustratorで画面を作ってDreamweaverではめ込んだら縦横比率が変な感じになるのが嫌なので制作前にお聞きしたかったです。ビギナーによろしくお願いします。
- ベストアンサー
- デザイナー・クリエイティブ職
- seesaaブログ 横幅を最大に CSS編集
seesaaブログのレイアウトの横幅を最大にしたいのですが、レイアウトが崩れてしまいます。 利用している、テンプレートは、シンプルオレンジ（右サイドバー）です。 次の部分を変更するだけでは、ダメなのでしょうか？アドバイスをお願いいたします。 以下のようなレイアウトを目指したいです。http://digitalkoukisin.seesaa.net/article/244271746.html #container{ text-align:center; margin: 0px auto 0px auto; padding:0px; background-position:right; width:800px; ←ここ color:#856F51; font-size:12px; } 省略 #content { float:left; width:467px; text-align:center; } 省略 #links-left { } #links { font-weight:normal; width:253px; ←ここ float:left; margin-left:30px;
- 締切済み
- ブログ
お礼
同意見です。 今回は「どーーしても」という事でしたので・・・ ご意見ありがとうございました。