「旧・ホームページNinja」で作成されたサイトで、Mac(確認したのはIE for Mac OS X)で大幅にレイアウトが崩れてしまうものがありました。
できれば「ネスケを使え」「手打ちで直せ」以外の解決方法がほしいのですが…。それともどこか設定が悪いのでしょうか? アドバイスをお願いします。少しならHTMLの手打ちもできます。
http://www7.ocn.ne.jp/~iwate-st/
(私のサイト、というわけでもないんですが、URLは載せていいとのこと。)
No.1
- 回答日時:
Macだとレイアウトが崩れて見れない、Mac+ネスケだと日本語に欧文フォントを指定されていると文字化けして読めない、というサイトが結構ありますね。
けど、ネスケでは見れたもんじゃないページもIEだとどうにか見れるページが結構多いのですが、ご指定のURLのサイトはIEだとレイアウトが変ですね。
ソースを見たところ、スタイルシートを使っているようですが、
スタイルシートはブラウザやOSによるレイアウトの崩れが出やすいです。
おまけに、WEB制作ソフト(GoLive等)を使ってスタイルシートを使用してレイアウトをすると、レイアウトの微妙な調整をしたりする度にその痕跡がソースに残ってしまい、余計なタグがいっぱいで、しかも余計なタグのせいでファイルサイズを大きくしてしまうという現象が起こり、いいことがあまりありません。
スタイルシートではなくテーブルでレイアウトすることをおすすめします。
ブラウザやOSによるレイアウトの崩れが出にくいのがテーブルです。
テーブルだったら、手打ちする必要もなくWEB制作ソフトで作れるし、一石二鳥だと思いますが、どうでしょうか。
アドバイス、ありがとうございます。はぁ、スタイルシートがだめですか…。
スタイルシートは制作ソフトが「自動的に(=勝手に?)」作ってくれて、それを利用してレイアウトを「自動的に」してくれているようです。この機能のおかげで、僕たち初心者は「5分でホームページが作れる!」わけですよね。
データを追加したら自動的に更新できる、というのはやはり便利なので、それは失いたくないのですが、「テーブルを使ってレイアウト」する方法はよくわかっていません。
引き続き、いろいろいじってみます。
No.2ベストアンサー
- 回答日時:
テーブルタグ<table>全てに style="display: inline; というスタイルシートが記述してあるのが問題だと思います。
その部分を削除したら正常に見えましたよ。ソフトの設定で勝手に入ってしまうのかもしれませんね。下の方も書かれてしますが、スタイルシートはブラウザ、OSによって、かなり表示・非表示が分かれてしまうものなので気をつけてください。
この回答への補足
「ファイル」メニューの「ホームページの設定」-「HTML出力」-「ブラウザ間での相違を少なくする」というオプションを設定したところ、Macでの表示が改善されました(かっこ悪さは若干残りました)。スタイルシートは結局勉強せずじまいですが、フレームのソースを見たところでは、こうしてできたHTMLの中で「inline」という単語は検索に引っかかりませんでした。
補足日時:2002/04/07 09:59回答ありがとうございます。
style="display: inline;をテキストエディタで置換していけばいいのでしょうね。しばらくほかの機能の様子を調べて、そのあとやってみようかと思います。エディタを使ったら自動転送機能が使えなくなる可能性があって(転送の直前にHTMLファイルを生成しているようで)、これも初心者的にはややつらいかもしれません…。
スタイルシート…。始めてその存在を聞いたときは「なんてすばらしいんだ」と思ったのにな…。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Mac OS 【MacOS】外付けHDDがUSB3.1バス上でのみアクセス出来なくなる 1 2022/10/29 10:27
- 固定IP MACアドレスはLAN内で相手を特定するアドレスですか? PCから監視カメラを閲覧するときに、セグメ 3 2022/07/23 09:04
- Mac OS macを再インストールしたら、オフィス365が使えない…。os11以上にできません。 1 2023/08/27 22:59
- Mac OS mac os xの設定の(起動ディスク)にブート用dvdが表示されません 1 2022/05/28 13:29
- Mac OS El Capitanがインストールできない… 1 2023/06/16 13:05
- マウス・キーボード macからリモートデスクトップでwindowsに接続した際のキーボード配列 3 2023/07/10 08:40
- Windows 10 explorerをedgeで開く方法 2 2022/06/05 14:59
- Windows 10 windows>Mac間のOSライセンス移行 4 2022/06/04 10:28
- その他(OS) MAC mini 2012と MAC mini 2023をつなぐ 2 2023/04/12 10:15
- Mac OS Microsoft Office 2021 for Macでライセンス認証できなくなりました 6 2022/12/11 16:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
土に埋める木材を腐食させない方法
-
掃き出し窓の外のコンクリート...
-
木材の耐荷重(?)について
-
トタンの曲げ方
-
背渡しリレーを成功させるコツ
-
雨ざらしでも大丈夫な木材
-
地の神様の移動
-
ランバーコアとパイン集成材
-
油に浮く固体ってありますか?...
-
DIY得意な方へ。折りたたみ台車...
-
本棚のタボがはまらない
-
ヒノキを高く売る方法
-
学習机の分解、再組み立てについて
-
木に耐水ペーパーって使ってい...
-
power pointでコピペできない
-
運動会の組体操で肩車➡サボテン...
-
gateway製パソコンのcpuの交換
-
押し入れの棚が壊れてしまいま...
-
ホームセンターに売ってる木材...
-
人口木材ウッドデッキの耐火性...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
土に埋める木材を腐食させない方法
-
木材の耐荷重(?)について
-
トタンの曲げ方
-
雨ざらしでも大丈夫な木材
-
無印良品のスタッキングシェル...
-
掃き出し窓の外のコンクリート...
-
カンナ 鉋の使い方について 木...
-
間仕切り壁に適したベニヤ板の...
-
自作本棚。塗装を省くことはで...
-
コンクリート土間への束石の固定
-
軽くて丈夫で安い棚板はないですか
-
ランバーコアとパイン集成材
-
木に耐水ペーパーって使ってい...
-
学習机の分解、再組み立てについて
-
power pointでコピペできない
-
赤松のウッドデッキ
-
本棚のタボがはまらない
-
棚板を木材以外で・・・
-
本棚の棚のたわみ
-
DIY得意な方へ。折りたたみ台車...
おすすめ情報