- ベストアンサー
ホームページのサイズ 可変とはどうするのでしょうか？
初歩的な質問で申し訳ないです。HPをDWで作っています。 サイズを800×600ピクセルで作っています。 見るパソコンによってデザインイメージちがっています。 可変サイズ指定とは％指定だと思うのですが、800×600ピクセルの場合 何％と指定するのでしょうか。そして、それは何を％指定するのでしょうか。テーブルならきっとテーブル総幅で、（セル幅も％指定するの？） テーブルは使わず、CSSブロックで作成しています、その際にブロックごとに横幅をピクセル指定していますが、これも％にするのでしょうか。このあたりは、ボーダーなども入ると、半端な365PXとか出てきます、これを％指定にする？？？ 見るパソコンによって、デザインイメージをあわせるために何をするか？が質問です、上記内容が、無関係であればごめんなさい。 方法を教えてください。
- qooqoo444
- お礼率62% (104/166)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- aprilia-rs
- ベストアンサー率26% (98/367)
http://ja.wikipedia.org/wiki/ ウィキペディアの場合、左側はピクセル指定で、右は%指定です。 全てを%にする必要はありません。ボーダーはピクセル指定の方がよいでしょう。 又800ピクセルをそのまま％に変換は出来ないのでご自分で「何％位だったら丁度良い」と試さなければなりません。
お礼
ありがとうございます。 可変サイズの有効は、ウィンドウを小さくしたときのことで、 解像度の違うPCでデザインを統一するなら、ピクセル指定が いいということですよね。 でも、%が感覚だということがわかり、うれしいです。
関連するQ&A
- tableタグの全体サイズを可変させたい
javascriptを利用して、table内tdのdisplay:none(初期状態)とdisplay:blockをボタンクリックで交互に切り替えるページを作っています 表示上はボタンをクリックするとtable内のtd1つが出たり消えたりして、その都度table全体の幅は可変します DOCTYPE宣言をする前まではtable全体のサイズを指定しなければtdのサイズ指定だけで何とかなっていたのですが、 DOCTYPE宣言後はtable全体のサイズを指定しないと表示がおかしくなってしまいました tableタグの全体サイズを可変させるにはどうすればよいでしょうか？
- ベストアンサー
- HTML
- CSSでborderの長さを指定、または可変にしたい。
下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。 文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。 h3{ border-width : 0px 0px 1px 5px; border-style : solid ; border-color : #FF3333; padding-left : 5px; }
- ベストアンサー
- HTML
- 可変幅でabsolute指定で中央配置できません
可変幅でabsoluteを指定すると中央配置できなくなります。 ブラウザの幅に合わせて中身のサイズも合わせて伸縮するサイトを構築したくて色々試しているのですが、どうしてもうまくできません。 どのように指定したらできるのでしょうか？困っています、どなたかお助けください。 例えば画像が固定のサイズであれば width:500px; position:absolute; left:50%; margin-left:-250px; 見たいな形で中央配置できるのですが、可変の場合、、伸縮させたいので、横幅は常に500ｐｘとはなりません。 よろしくお願い致します。
- ベストアンサー
- CSS
- テーブル幅について
どなたか教えてください。 現在、strictで、cssを用いてソースの手打ちで HPを作成しています。 文字サイズをユーザー側で変えられるように 文字をemで設定しました。 文字サイズを小→大に変更すると テーブルの中の文字が全部表示されません。 （更新ボタンを押すと正常に 全部の文字が表示されますが） この症状のときは、テーブルの横幅などをピクセル指定 していました。 テーブル幅がピクセル指定しているために 正常に表示されないのかと思い、テーブル幅などの 指定も全てem指定に変更しました。 今度は、全部の文字が表示されるのですが、 文字サイズをユーザー側で小さくすると テーブルの横幅が極端に狭くなってしまい、 最大にすると、横幅が広くなりすぎてしまいます。 理想では、横幅を固定し、文字を全て 表示させることです。 テーブルの横幅を30emに指定し、中のtdタグは 計30emになるように指定しています。 よろしくお願いいたします。
- ベストアンサー
- HTML
- テーブルの横幅が絶対に変わらないようにしたい。
現在CSSのプログラミングをしています。htmlでは本来テーブルをレイアウト目的に使ってはいけないそうなので、<div>で文章を囲んでCSS側でborder指定で似たような表現をしています。位置はpositionで。 文字サイズを指定する際、今まではpt単位でやってたのですが、ユーザーが文字サイズを変えられるようem単位に変更しました。 それをブラウザ上でチェック（文字サイズを最大に）したところ、border内の文字列（大きさをemで指定）が大きくなってborderの横幅を押し広げてしまいました。これが起こらないよう、横幅が絶対に変わらないようにするにはどうしたら良いのでしょうか？widthをpxで指定してもダメでした。調べてみたところ、tableでも同じような状態になりました。 1つ解決策としてスペーサーgifを使う方法を見つけたのですが、なんかそれは素人技っぽくてできれば使いたくないのです。プロのデザイナーさんはそういうの塚使わないでしょうしね。
- ベストアンサー
- HTML
- CSSでフォントサイズを可変にした場合、下限を指定できますか？
CSSでフォントサイズを可変にした場合、 ここまでは小さくできるがそれ以下には小さくできないように指定できるものでしょうか？ 文字サイズを『最小』（WINDOWSのIE）にしても10px以下にはできないというような。 YOMIURI ONLINE（読売新聞）のようにページ内にボタンを設けるとかではなく、 あくまでもブラウザの指定を制限するというかたちが理想なのですが。
- 締切済み
- CSS
- ドリームウィーバーの画面サイズについて教えて下さい
自作でHPを作ろうとしています。 ドリームウィーバーCS3を使っているのですが、画面の横幅を1000PXにする方法を教えて下さい。 テーブルを使っていてテーブルの横幅サイズも1000PXなので同じサイズにしたいんです。 作るとどうしても背景イメージが二つ表示されてしまいすごくかっこ悪いです。 どなたか初心者の私にアドバイスをお願いします((+_+))
- 締切済み
- CSS
- h1をCSSでサイズ指定→文字間隔がブラウザで違う
h1をCSSでサイズ指定（px指定）しているのですが、 文字幅というか、文字間隔がブラウザごとにびっみょうに違います。 （行間や余白についてはCSSで解決済） クロームと火狐では望みどおりの表示なんですけども、 IE8だとちょっと横に広がる傾向があるんです。 長年無視しつづけてデザインしていたのですが、 この度、デザイン上無視できない状況になりまして…。 希望は、IEでもクロームでも火狐でも、 横幅が同一になるようにしたいんです。 文字間隔をCSSで指定しても解決しないんですよね…。 これ、どうにかする方法をご存知でしたらご教授下さい！ ググッたんですが、解決しませんでした…。
- 締切済み
- CSS
- CSSでの幅、長さなどの指定
CSSのソースをみると、 ボーダーの幅、ボックスの幅、マージン、パディングと いった大きさをピクセルではなくemや、％で指定している のをよく見かけますがデザイン上は、どちらを使うのが 正しいですか？ 原則としてはピクセルを使うのが正しいと Webサイトや書籍でも書いてあるのですが、それがなぜなのかも よく分かりません。 この疑問について教えていただけたら幸いです。
- ベストアンサー
- その他([技術者向] コンピューター)
- cssでtableを指定したい
教えてください。 cssでテーブルを指定しているのですが、別の幅のテーブルを指定したいときはどうすればよいのでしょうか。 現在はこういうふうに書いています。ちょっと汚いですが。。。 ----------------------------- #content #main p{ margin:10px 18px 25px; font-size:12px; } #content #main table { border-collapse: collapse; background-color: #FFFFFF; width: 480px; margin:0px padding; border: 0px #000000: 1px; } #content #main caption{ text-align: right; padding-right: 5px; font-size:12px; } #content #main th { border: #999999 1px solid; font-size:12px; font-weight: normal; background-color: #D8EAFC; padding: 5px; } #content #main td{ border-right: #999999 1px solid; border-top: #999999 1px solid; border-left: #999999 1px solid; border-bottom: #999999 1px solid; font-size:12px; text-align: left; padding: 5px; } ----------------------------- 実際にタグを書くときは、こう書いています。 ----------------------------- <table> <tr> <th>aaaa</th> <td>5555555555555555555555555555</td> </tr> </table> ----------------------------- これをmaintable subtable というふうに幅が違うものにしたいのですが、cssにmaintableを追加して、<table class=maintable">と指定しても、maintableではなく、tableで表示されます。 こういう場合はどうすればよいのでしょうか？
- ベストアンサー
- XML
お礼
ありがとうございます。 ここを読んでおもいましたが、結局 思い通りのデザインに見せたい場合は、ピクセル指定が いいということですよね。 ウィンドウを小さくしたときなどに可変サイズが有効に なるというように理解しました。おおきな解像度のPCで80% などにしたら大変ですよね。