ピクセル表示をパーセント表示にするには?
style.cssで下のような記述をしています。
これをパーセント表示に切り替えたいのですが、
WIDTH: 640px;を WIDTH: "100%"に変更する他に、
どこを変更すればよいのでしょうか?
上の変更だけでは、パーセント表示に切り替わりません。
よろしくおねがいします。
-----ここから
BODY {
BACKGROUND-COLOR: #000000
}
TABLE {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 640px; PADDING-TOP: 0px;
BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px
}
DIV.veryimportant {
FONT-SIZE: large; BACKGROUND: #7375ce; COLOR: #ffffff
}
A:hover {
FONT-WEIGHT: bold; COLOR: #f00ca0
}
No.1ベストアンサー
- 回答日時:
ピクセル表示をパーセント表示にする、あるいはパーセント表示に切り替わると言う意味が良く掴めないのですが…
ピクセルで指定していた値をパーセントで設定する、という意味であれば、「width: 640px;」を「width: 100%;」(引用符(")は要りません)に書き換える以外に方法はないと思います。
この表示設定にしたときに、どういったところでお気に召さないのかを補足していただけると、解決の方法も提案しやすくなると思います。
もし、テーブル(とスタイルシートから類推しましたが…)をウィンドウ幅いっぱいにしたくて、そのときにスタイルシートでテーブル幅を「width: 100%;」と設定してウィンドウ幅いっぱいにしたはずなのに、左右に余白が残っている、というケースでしたら、body要素のスタイルに、「margin: 0;」を追加すると良いかもしれません。
テーブルのみで100%指定をしていても、body要素の左右のマージンを0にしていない場合は、自動的に設定されるマージンの幅の分だけ余白ができてしまうと思います。
なお、ブラウザによってはマージンなどの幅の取得方法が異なり、上記の対策をしても、テーブルの横幅がウィンドウ幅にぴったりにならないブラウザもあるかもしれません。
見当違いでしたらごめんなさい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
HTMLフォームのSELECTの幅を一...
-
FireFoxで見るとブラウザの幅に...
-
<h1>タグの後の行間を詰めたい。
-
macとwindowsのレイアウト崩れ...
-
テキストボックスの文字を右揃...
-
paddingを指定するとwidthやhei...
-
文字を中央に寄せる
-
可変でサイト全体を中央に配置...
-
Dreamweaverで画面サイズを一定...
-
INPUT TEXT内の文字位置を指定...
-
CSSでテキストを垂直、中央に設...
-
コードを書いて下さい( ; ; )...
-
CSS(スタイルシート)で画像の縦...
-
htmlのタグ間の謎の空白
-
css。横並びBOXに長文textを流...
-
CSSにてコンテンツを中央へ寄せ...
-
端から端まで横線を引きたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
コードを書いて下さい( ; ; )...
-
端から端まで横線を引きたい
-
INPUT TEXT内の文字位置を指定...
-
なぜ左に寄っているの?
-
FireFoxで見るとブラウザの幅に...
-
iPhone用のサイトの文字がずれ...
-
<legend>で表示されるタイトル...
-
Formタグのブロックの高さについて
-
CSSでh1とその下の文字との行間...
-
Dreamweaverで画面サイズを一定...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
text-alignの解除の方法
-
パソコンのみで反映される余白...
-
Firefox 横スクロールバーを表...
おすすめ情報