グーグルサイトについての質問です。

質問

グーグルサイトについての質問です。

サイトを作成してみたのですが、ブラウザの種類やサイズによって文字がズレてしまいます。
これを固定する方法はありますか？
よろしくお願いします。

回答No.2

noname#202167

ANo1の者です。訂正のみ。
×　 ＜per＞　＜／per＞　※半角
○　　＜pre＞　＜／pre＞　※半角

失礼しました。

回答No.1

noname#202167

ブラウザ間の微妙な文字サイズのズレやレイアウトのズレは
確か有る程度以上はどうにもならなかったハズです。
CSSを使ってがんじがらめに定義してしまえば
かなり酷似はするハズですが、それも100％ではありません。

また、文字がズレる件は、
Htmlはデフォルトで表示できなかった文字を
自動改行する設定になっているはずです。
これを入力したどおりの改行状態(自動改行しない)にするには
＜per＞　＜／per＞　※半角
のタグなどでくくる手段などがあります。(他にも幾つか。)

グーグルサイトでは作った事がないので何とも言えませんが、
レイアウトが崩れると冗談で済まされない企業サイト等では
「文字の画像化」「広範囲をFlashで制作する」
という手法が多く使われています。

ただしFlashはセキュリティホールの修正などで
微妙に挙動が変わったり、Offにしている人や見れない人の為に
それを補うサブ表示を用意する必要が出たりと面倒もあります。

レイアウトが整わない所のみ
「文字の画像化」
をするのが最も定番で確実な方法だと思われます。

画像の配置が不安定になる場合は、
各タグへ、alignによるポジション指定。
＜Table＞＜TR＞＜TD＞タグらへのwidthによる各幅指定、
cellpadding、cellspacing値による各セル間距離指定。
などの明示的な指定でかなり固定させられるはずです。
また、CSS(スタイルシート)のMargin値(画面外の余白)など
CSSを使った詳細制御もレイアウト固定に一役買うと思います。

頑張って下さい。

参考：
http://www.tohoho-web.com/www.htm