HTML&CSS を勉強してオリジナルサイトを作成しました。
IEでは正常に表示されるのに、昨日よりグーグルクロムでは表示がみだれます。いろいろ試してみたのですが、知識不足の為原因がわかりません。
初心者の為、ソースも未熟です。
よろしくお願い致します。
ヘッダーとナビ(全ページに反映)に改行が入ってしまう。
###該当のソースコード
<table id="header_01"> <tr> <td class="title">共通のテーマは「癒し」|指から生まれる創造力を楽しむサイト</td> <td class="login"><a href="login.html" style="text-decoration:none;">ログイン</a></td> </tr> </table> <ul id="nav"> <li><a href="index.html">ホーム</a></li> <li><a href="about.html">初めての方へ</a></li> <li><a href="collabo.html">コラボレーター</a></li> <li><a href="contact.php">お問い合わせ</a></li> </ul>.title { font-size: 14px; } #nav li { display: inline; /* ナビを横並びにする */ list-style-type: none; /* 黒丸を消す */ padding: 0 12px 0 8px; } #nav { margin: 0 448px 30px 0; padding: 10px 10px 10px 15px; background-image: url(../images/navi00.png); }
###試したこと
cssで、widthの数値を変えてみた。
###補足情報(言語/FW/ツール等のバージョンなど)
オリジナルサイト http://finger-pasochi.com
Google Chrome: バージョン 56.0.2924.76
回答5件
あなたの回答
tips
プレビュー