![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_16.png?e8efa67)
初心者に毛が生えたレベルだと思っています。
今まで問題なかったのですが、自分のホームページをIE8で見るとずれています。
今ではそんなことはなかったのですが・・・。
スタイルシートを入れて作っています。
4つぐらいに区切っており、<!--cont--->の部分で、表(テーブルというのでしょうか)を入れると、それだけが、左揃えにくるのです。表にしていない部分はなか揃えになっています。
ビルダーのプレビューでは、きちんとすべてが中揃えになります。
<!-- cont -->
<div id="cont"><BR>
<BR>
<BR>
<BR>
<IMG src="06093001.gif" width="275" height="27" border="0" alt="oooooooooooo"><BR>
<FONT size="-1">oooooooooooo</FONT><BR>
<BR>
<BR>
<FONT color="#330000" size="-1">oooooooooooooooooooooooooooooo<BR>
ooooooooooooooooooooooooooooooooooooooooooooooooooo。<BR>
<BR>
<B>oooooooooooooooooooooooooooooooooooooo</B></FONT><BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<table border="0">
<tbody>
<tr>
<td><IMG src="qrcode1.gif" width="60" height="60" border="0" alt="http://bbs9.fc2.com/php/e.php/bbs~oooooooooooooo …
<td valign="bottom"><font size="-2">携帯用掲示板QRコード<br>
</font></td>
</tr>
</tbody>
</table>
<BR>
<TABLE>
<TBODY>
<TR>
<TD><font color="#330000" size="-1"><b><font color="#999999">since 2005.9.30</font></b></font></TD>
</TR>
</TBODY>
</TABLE>
</div>
<!-- end cont -->
他のパそこんでは、中揃えで見えます。
下半分の<TABLE>が左に寄ってしまいます。
I-phone5で見てもずれています。
CSSに問題があるのでしょうか?
修正できるでしょうか?
No.1ベストアンサー
- 回答日時:
他のブラウザだといかがですか?
例えば、最も標準に準拠していると思われるfirefoxでは??
テキストエディタで開いて、最初のDOCTYPEを
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
と
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
相互で書き換えてみる。
>スタイルシートを入れて作っています。
その意味を全く分かってない。
スタイルシートを使うと言うことは、
⇒2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
と言うことですよ。でしたら<table>でデザインすることはありえませんし<br>なんて、決して登場しないはずです。ましてや<font>なんてありえません。
(注)いまどき、transitialは使うべきではないでしょう。(ビルダーの設定でstrictに変えておきましょう。)『strict DTD に適合する文書を作るよう推奨する。1999年勧告HTML4.01( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
※段落は必ず<p></p>で、段落間のスペースはスタイルシートで調整する。BRは通常のHTMLには登場することがありません。
※fontは、廃止される(strictでは、とうに廃止されている)スタイルシートで指定します。
たったコレだけですむ。
★タブは_に置換してあるので戻すこと★
★Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
の右上のDATAをクリックしてソースを貼り付けてチェック
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
_<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
_<title>サンプル</title>
_<meta name="author" content="ORUKA1951">
_<meta http-equiv="Content-Style-Type" content="text/css">
_<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
_<link rel="START" href="../index.html">
_<style type="text/css">
<!--
html,body{margin:0;padding:0;background-color:silver;font-size:0.9em;}
h1,h2,h3,p{margin:0;line-height:1.6em;}
a img{border:none;}
div.header,div.section,div.footer{width:60%;padding:10px 20px;margin:0 auto;background-color:white;}
div.section{background-color:aqua;}
div.footer{background-color:yellow;}
-->
_</style>
</head>
<body>
_<div class="header">
__<h1>タイトル</h1>
__<p>このページでは・・・・</p>
_</div>
_<div class="section">
__<p><img src="06093001.gif" width="275" height="27" alt="oooooooooooo"></p>
__<p>oooooooooooooooooooooooooooooo</p>
__<p>ooooooooooooooooooooooooooooooooooooooooooooooooooo。</p>
__<p>oooooooooooooooooooooooooooooooooooooo</p>
_</div>
_<div class="section">
__<p><img src="qrcode1.gif" width="60" height="60" alt="">携帯用掲示板QRコード</p>
_</div>
_<div class="footer">
__<p>since 2005.9.30</p>
_</div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSS 画像中央そろえ
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
【ヒトの神秘】美男美女から何...
-
VBAでの素数の求め方
-
HTML属性での「""」 「''」違い
-
サイトにjQueryが使用されてい...
-
ulタグやliタグの中でbrタグ...
-
CSSのクラス名・ID名の指定でワ...
-
css初心者 フレックスボックス...
-
複数のボタンを等間隔に、かつ...
-
input type="hidden"で取得した...
-
「シンプルイズベスト」と言い...
-
HRタグ 枠線を透明にするには?
-
htmlのolやulなどlistにtitleや...
-
ヘッダーを左右に二分割する方...
-
含む含まないという概念自体の...
-
CSSがなぜかfont-sizeだけ効か...
-
<div>テキスト</div>
-
CSS、width100%でもできる余白
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLで、何故か左右のfloatの高...
-
CSSのborderが実際の領域より上...
-
ADOBE DW 5.5 ヘッダとコンテ...
-
html+cssでフレーム落ちしてし...
-
CSSのdivで何故かボックスセン...
-
スーマートフォンの用のHP作成...
-
ホームページ作成 画像の回り込み
-
opacityとbackground-color
-
ロールオーバーで吹き出しをつ...
-
CSSを使った全体の配置
-
CSSについて教えてください
-
自作HPのレイアウトがセンタ...
-
ロールオーバーの上にz-index
-
div内の classのリンクのつけ方
-
cssについて教えてください.3
-
同じピクセル、解像度のPC表示...
-
flexboxでフッターが、本文に重...
-
ホームページビルダー14で作成...
-
ヘッダーのみを横幅いっぱいに...
-
ホームページビルダー16 ペー...
おすすめ情報