ブログカスタマイズのブログ

HOME > その他 > #bannerのデザイン
2005年06月18日
【トントンさんのコメントはこちら】
なるほど、Mozilla系ブラウザで見ると確かにズレてますね。

ソースを拝見しました。tableタグを使わなくてもスタイルシートの変更で出来そうです。

<span class="description">ハンドメイドフェルトと手芸材料・副資材のお店 mocaa</span>

#banner{
padding:0px 0px 0px 40px;
}
h1 {
margin:0px;
}
.description {
margin:0px;
}

を次の赤文字のように変更してお試し下さい。

■ HTMLカスタマイズ

<div class="description">ハンドメイドフェルトと手芸材料・副資材のお店 mocaa</div>

■ スタイルシートの変更

#banner{
padding:0px;
}
h1 {
margin:0px 0px 0px 40px;
}
.description {
margin:0px 0px 0px 40px;
}

(1)#bannerのpaddingは変えない(または0pxを指定する)方が良さそうです。ブラウザによって認識が違うようです。

(2)代わりに#banner内の文字位置は文字のmarginやpaddingを使ってコントロールします。今回だとh1タグとdivタグ。

(3)個人的にはdescriptionはいつもspanタグからdivタグに変更しています。descriptionはヒトカタマリなのでdivタグの方が操作性が良いです。

まずは上記変更を試してみて下さい。更に変更したい場合は今回の変更結果を見てから考えることにしましょう!
00:50 | Comments(1) |
この記事へのコメント
2005年06月18日
ありがとう御座いました。早速やってみます。
Posted by トントン at 05:32
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。