ドリームウィーバーでホームページを作っていて疑問に思ったので質問します。
1.本に画面サイズを考えて横~780が望ましいと書いてありました。それで780の中におさまるように作ってるんですが、ブラウザでプレビューして最大化して見ると右に余計な空白ができてしまいます。これはどうしてでしょうか?780で作っているつもりが作っていないんでしょうか?
2.あと使っているパソコンでブラウザでプレビューしたものと他のパソコンでプレビューしたのでは字の大きさとテーブルの高さがかわっているんですけど何ででしょうか?
以上の2つはどうすれば解決できるか教えて下さい。お願いします!
ちなみにウィンドウズでドリームウィーバー4を使って作成しています。
No.2ベストアンサー
- 回答日時:
1.ブラウザのウィンドウのサイズより、サイトのサイズが小さい時にブラウザがウィンドウの余った部分を背景色で補間するので余白ができます。
なので、780で作られていると思います。2.幾つか考えられます。一つはブラウザ(IE)の[表示][文字のサイズ]で他のサイズを選ぶと文字の大きさが変わります。または、(Windows)[画面のプロパティ]で文字の大きさを変えることもできます。文字の大きさは、作る側が絶対的な指定をすることができないので
、文字の大きさに影響されないようなサイト造りをする必要があります。テーブルは、たぶん文字の大きさに影響を受けていると思います。
テーブルのサイズは
<table border height="縦のサイズ" width="横のサイズ">
とすると、最小の高さと幅を指定出来ます。
どちらも、それ程気にすることではないと思います。見る側の環境によっての違いを、無くすのは難しいことなので。
返事ありがとうございます!
そんな気にしなくていいんですね!
たしかに文字のサイズで変わりました。
ありがとうございます。
でも気になったんですけど余白を右じゃなく両側にすることは可能なんですか?
教えていただければうれしいです。
No.4
- 回答日時:
<center>タグは非推奨なので、あまり使わない方がいいらしいです。
ページ全体をセンタリングする時は
<body style="text-align: center;">~</body>
一部をセンタリングする時は
<div style="text-align: center">~</div>
ただ、このままだとそれぞれの行がセンタリングされて見難いので
<body style="text-align: center;">
<div style="text-align: left; width: 780px;">
ここに中身
</div>
</body>
とすると、見易くなります。780pxは適当な値にして下さい。
説明下手なので、分かりづらい時は実際に試してみて下さいね。
参考URL:http://www.htmq.com/html/center.shtml
返事ありがとうございます。
やってみたらなんか変わりましたよ!
でもなんかまだ理解できてないのでがんばってみます。(^^;)
ありがとうございました。
No.1
- 回答日時:
1.
あまり自信がありませんが、
<style type="text/css">
<!--
body {
margin-right:0px;
}
-->
</style>
でどうでしょうか。
2.
ソースの一番上に、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
のような文があると思うので、それを削除してみてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 パソコン初期化の件です 2 2022/06/05 11:05
- ホームページ作成・プログラミング ホームページの内容変更を無料で(自分で)したいので方法を教えてください 3 2022/07/14 13:32
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- ホームページ作成・プログラミング さくらサーバーに置いているホームページを改修したいです 2 2022/11/06 17:13
- ASP・SaaS イントラネットを構築したい 2 2022/04/24 11:08
- フリーソフト 面白いフリーソフト 1 2023/07/30 06:11
- 画像編集・動画編集・音楽編集 daVinciResolveの再生プレビュー画面がカクつきます。 daVinciResolve18を 2 2023/01/20 01:35
- Illustrator(イラストレーター) 印刷プレビューに画像が表示されない 3 2022/09/06 14:34
- Word(ワード) office365のWordの印刷範囲が勝手に狭くなっています。 4 2022/07/18 16:31
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
テキストボックスの様に文字の...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
フッターだけが真ん中に行って...
-
<legend>で表示されるタイトル...
-
テキストボックスの文字を右揃...
-
なぜ左に寄っているの?
-
ピクセル表示をパーセント表示...
-
chromeだけbody直下に空白が開く
-
付属画像の緑の背景の文字(お...
-
「全体のレイアウト:中央揃え...
-
インラインフレームのボーダー...
-
formタグ下にできる隙間を埋めたい
-
IEでDIV要素のセンタリング...
-
IBMのホームページビルダー10で
-
<h1>タグの後の行間を詰めたい。
-
Formタグのブロックの高さについて
-
文字を左上に配置したい。
-
HTMLフォームのSELECTの幅を一...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
INPUT TEXT内の文字位置を指定...
-
コードを書いて下さい( ; ; )...
-
text-alignの解除の方法
-
FireFoxで見るとブラウザの幅に...
-
なぜ左に寄っているの?
-
端から端まで横線を引きたい
-
ホームページビルダー 空白の...
-
アップロードするサーバーによ...
-
CSSでh1とその下の文字との行間...
-
Formタグのブロックの高さについて
-
CSSの設定
-
<legend>で表示されるタイトル...
-
ie8とCSSとマウスオーバーで何...
-
chromeだけbody直下に空白が開く
-
macとwindowsのレイアウト崩れ...
おすすめ情報