はじめまして。
ブログを運営している者なのですが、ご質問させていただきます。
『ブログを表示させて、表示画面がある程度の大きさでしたら
きれいに表示されるのですが、どんどん縮小していくと文字が
重なっていって表示のバランスが崩れ、ぐちゃぐちゃに表示されて
しまいます。』
ライブドアブログを使用しております。
どこの部分をかえれば対処できるものでしょうか?
ちなみにブログのURLは http://dhalia.livedoor.biz/ です。
みていただいて縮小してもらえばご理解いただけるかと思います。
とくにトップから個別の記事にいってもらえば症状がわかりやすいかと
思います。
自分でもあれこれ試してみましたが解決できず
ご相談に至りました。
どうか知恵をお貸しください。
宜しくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
レイアウトをサイズが絶対指定されたテーブルで行っているからでしょうね。
画面解像度が低い環境の方が見た場合はブラウザを最大化しないと
正常には見えないことでしょう。
ブログを含め、Webサイトを構築するには、どの環境(OSやブラウザ)の
ユーザを主な閲覧対象とするかを定めておく必要がありますが、
主なターゲットはどの環境のユーザなのでしょうか?
閲覧者の使っているマシンの解像度、OS、組み込まれているフォント、
使っているブラウザなどによりレイアウトなどには差が生じます。
この差を少なくするならば、特定ブラウザやOSだけが対応するタグは
極力使わず、
利用者の解像度にも柔軟に対応できるようにしておく必要があります。
一般向けパソコンの標準的な解像度としては1280x1024あたりになりますが
最近増えているワイド液晶だと縦方向の解像度が下がるので、縦方向の
表示領域が狭くなります。
見ている人ができるだけスクロールをしないで良いような画面構成にしたい場合
こういった背景を理解しておかないと、ワイド液晶でない人には快適だが
ワイド液晶の人には見づらいページになるということもあります。
逆に、作っている側がワイド液晶に慣れていて、これに最適化している場合
縦の解像度が同じでアスペクト比が4:3のディスプレイで見た場合には
縦方向の情報量が少なく、横方向の情報量が多いものになる可能性があります。
つまり、4:3のディスプレイで見た場合は横方向にスクロールしないと
全体が見えないというような状態になります。
ブログを運営する場合、全体の横の解像度の最大をどれだけ確保するか
コンテンツのレイアウトや視認性、閲覧者の環境を考えて最初に決めてから中身を整えていくことになります。
そこまでしっかり考えていないとしても、自分のブログを意図した通りの
デザインで表示させるために必要な解像度がどれぐらいなのかというのは
知っておくのが良いです。
コンテンツマッチ型の広告などで、例えば1280x1024の解像度の環境で
閲覧したときに、画面の四分の一より上に広告がなければいけない
などといった指定がされていることもあります。
自分のブログがどのぐらいの解像度でどこまで見られるかを把握していないと
こういった指定を見たときにすぐに対処が行えません。
テーブルタグを使ったレイアウトではなく、CSSを使うようにすれば問題はないでしょう。
CSSについては解説しているサイトや書籍が無数にありますから自身で勉強してください。
回答ありがとうございます。
>主なターゲットはどの環境のユーザなのでしょうか?
Windows,IEです。
レイアウトをCSSで行わなければいけないとのことなんですね?
早速調べてみてやりなおしてみます。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- gooブログ Twitterの動画画面をgooブログに埋め込めない 4 2022/06/03 16:40
- モニター・ディスプレイ WindowsノートPC 13.3で画面縮小したい 画面全体が見えない めり込んでしまってます 1 2023/01/22 13:42
- デスクトップパソコン パソコンのこの症状に悩まされる。 6 2023/02/24 12:52
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- ドライブ・ストレージ HDDの未割り当て領域が認識されない 7 2022/11/27 18:51
- 画像編集・動画編集・音楽編集 エクスプローラー サムネイル表示されない 1 2022/12/22 10:14
- Windows 10 Windows10の画像ファイルのサムネールがアイコン表示になってしまいました。 3 2022/07/09 13:01
- Windows 10 パソコンの起動時、画面が黒いままのトラブルにつきまして。 4 2022/10/02 18:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Duolingo のソースコードの名前...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
、URL化させるにはどうしたらい...
-
コードを書いて下さい( ; ; )...
-
12月のカレンダーを表すHTMLを...
-
Webページのリンクの貼り方を教...
-
CSSデータの作成方法について(...
-
goo は、放置?
-
静止画画像をクリックすると音...
-
メモ帳の段落の揃え方
-
HTML に © は、© を使わず...
-
ホームページをちょっと加工す...
-
HTML入門でもう躓いてしまった。
-
CSSでつくったメニューのアニメ...
-
css初心者 フレックスボックス...
-
HTMLで特定の文字だけ色を変え...
-
角丸画像の背景色を透明にした...
-
HTML 訪問カウンターを自作したい
-
1つの「ホームページビルダー2...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ノートパソコン(FHD )からの4K...
-
10インチのタブレットの解像度...
-
プロジェクターの解像度は繋ぐ...
-
パソコンって文字がガタガタし...
-
楽天証券のマーケットスピードⅡ...
-
ブログで画面表示サイズを縮小...
-
pcゲームのノートパソコンでの起動
-
画面サイズの変更?
-
iPhone6とiPhone6プラスの違い
-
iMacのモニターを使って
-
取り付け部分が、ゆるい・・・...
-
液晶の色ムラどうやったら直せ...
-
VAIOから外部ディスプレーへのH...
-
一体型PCをノート型PCのモニタ...
-
ノートパソコンで14インチか15...
-
パチンコ台の液晶が写らない
-
デバイスマネージャーの「モニ...
-
画面に垂直線がでる。(ピンク色)
-
ノートPCのふたがパカパカです
-
画面に緑色の線が入り消えません
おすすめ情報