人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

私のはてなダイアリー(http://d.hatena.ne.jp/en-do/)のCSSについての質問です。
ブラウザによって、本文の左端が切れて表示される事が有るのですが、原因が分かりません。
古いバージョンのブラウザで見ると、このような表示になるようです。
知り合いに「本文の左が消えて読めない」と言われたり、ネットカフェに行った時に消えてるのを確認しています。
ソースを見て頂いて、間違っている部分を教えて下さい。
または、本文の左端に余白を入れる方法を教えて下さい。
※画像はイメージです。

1252585689
●拡大する

●質問者: ¥・ω・do
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:CSS はてなダイアリー イメージ ソース ネットカフェ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● Reiaru
●27ポイント
.section P.sectionheader {
BORDER-RIGHT: #ff46c2 12px solid; 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 5px; 
FONT-SIZE: 80%; 
PADDING-BOTTOM: 2px; 
MARGIN: 0px 0px 12px; 
BORDER-LEFT: #ff46c2 12px solid; 
LINE-HEIGHT: 1.2; PADDING-TOP: 0px; 
TEXT-ALIGN: left
}

.section P.sectionheader {
BORDER-RIGHT: #ff46c2 12px solid; 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 5px; 
FONT-SIZE: 80%; 
PADDING-BOTTOM: 2px; 
MARGIN: 0px 0px 12px; 
BORDER-LEFT: #ff46c2 0px solid; 
LINE-HEIGHT: 1.2; PADDING-TOP: 0px; 
TEXT-ALIGN: left
}

ダイアリーはよく分からないのですが、これで良いと思いますよ。

(Internet Explorer 6 で確認)


2 ● kjkdfsi73
●27ポイント

余白は、「padding-left」プロパティでできると思います。

左が消えることがあることの原因は私の知識ではよくはわかりません。

古いブラウザの対応していないタグを使っているとか?では。


padding-leftの説明

http://www.htmq.com/style/padding-left.shtml

◎質問者からの返答

回答ありがとうございます。


3 ● chrono1742
●26ポイント

見出し行のすぐ下にある

<p class="sectionheader"></p>

が悪さをしています。

表示上は無意味だと思うので、削除した方がいいと思います。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ