![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
No.2ベストアンサー
- 回答日時:
文字は980px分の幅で中央に、画像は幅980以上は縮小する方向、幅980以下はそのままで・・・を条件に見栄えも考慮すると、CSSはこんな感じでしょうか。
<style type="text/css">
<!--
*{
max-width: 980px;
min-width: 0px;
margin: 50 auto;
}
-->
</style>
参考ページを作ってみました。
■table 1200幅の未調整
http://members3.jcom.home.ne.jp/kazzazy/test/w12 …
■table 1200幅で上記style摘要
http://members3.jcom.home.ne.jp/kazzazy/test/w12 …
html記述はいい加減なのでつっこまないでください(笑
No.1
- 回答日時:
なら、横幅を指定すればよいだけでは?
ウィンドウ巾が960px以上でスクロールなしと言うことは、
min-width:960pxです。
すなわち、
body{
width:100%;
max-width:1200px;
min-width:960px;
margin:0 auto;
}
これだけで、センタリング自体必要なくなります。
HTMLさえ、ちゃんと出来ていればスタイルシートで如何様にもなりますが、HTMLがきちんと出来ていないと不可能です。
【引用】____________ここから
メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。.
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/ )]より
そもそもHTMLは
【引用】____________ここから
どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
なのですから、HTMLさえきちんと出来ていれば、ウィンドウサイズは無論、携帯電話やスマートフォンで問題なく利用できるはずですし、そのためにHTMLを使ってウェブページを作成したはずです。・・・それがHTMLでページを作成するを選択した唯一最大の目的だったのでは?
・HTMLには文書構造以外書かない
「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」--strictには、プレゼンテーションに関わる要素や属性はほとんどありません。
・その文書構造を元にスタイルシートでプレゼンテーションを指定する。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- 駐車場・駐輪場 横幅5mの駐車スペースに普通車2台は止めれますでしょうか? 12 2023/08/24 09:51
- XML flexBOX同士の間隔 1 2022/12/21 00:04
- その他(ヘルスケア・フィットネス) 肩幅が広すぎて困ってます。高校生女です。横から見たら薄いのに横幅が広すぎて太って見えます。しかもなで 3 2023/07/13 12:51
- Excel(エクセル) [入力規則]のリストボックス内の“不揃いの林檎たち” 3 2022/09/15 18:32
- 引越し・部屋探し 【冷蔵庫搬入の幅について】 引っ越しをします。 冷蔵庫をかおうと思っています。 急ぎです。 価格は安 2 2023/06/15 19:12
- Excel(エクセル) Excelでこういうカードの作り方 枠線の引き方や、挿入画像の拡大縮小など わかる方教えてください、 2 2022/05/03 21:22
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
インラインフレームの表示位置...
-
<legend>で表示されるタイトル...
-
<h1>タグの後の行間を詰めたい。
-
WordPressワードプレス、新着情...
-
FireFoxで見るとブラウザの幅に...
-
aタグに直接style=""で:hoverを...
-
段落の高さを調節することは出...
-
CSSで表示領域を狭めている時に...
-
css。横並びBOXに長文textを流...
-
背景を両端に固定する方法
-
*{margin:0px;padding:0px;}と...
-
htmlのタグ間の謎の空白
-
エクセルでサイズに合ったもの...
-
表の各セルの高さの設定について
-
ホームページビルダーで、画面...
-
エクセル 画面表示拡大率によ...
-
Javascriptで毎週月曜日深夜0:0...
-
エクセルの行の幅がずれる
-
markdownでテーブルの罫線は、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
HTMLフォームのSELECTの幅を一...
-
<h1>タグの後の行間を詰めたい。
-
なぜ左に寄っているの?
-
インラインフレームの表示位置...
-
text-alignの解除の方法
-
CSSでh1とその下の文字との行間...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
FireFoxで見るとブラウザの幅に...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
INPUT TEXT内の文字位置を指定...
-
<legend>で表示されるタイトル...
-
CSSで、height:100%の中央寄せ
-
CSSの設定
-
テキストボックスの様に文字の...
-
フッターだけが真ん中に行って...
-
Dreamweaverで画面サイズを一定...
おすすめ情報