ブログ

テーブルタグを使うと記事が崩れる

はじめまして。
FC2ブログの初心者です。

テーブルタグが上手く入れられず困っています。

記事の「テスト投稿」をご覧いただけると状況が解り易いです。
http://kinghome.blog3.f c2.com/

　・「その１」
　　　文字のすぐ下に表を入れたのですが、
　　　おもっきりスペースが空いてしまいます。

　・「その２」
　　　写真のすぐ下に表を入れたのですが、
　　　こちらも「その１」と同様、スペースが空きます。

　・「その３」
　　　写真の右横に 並べて表を入れたのですが、
　　　スペースが入り、右下に行ってしまいます。

これらのスペースが理解できません。
変な空きが入らないようにするには、どうすればいいですか？



※補足

CSSに下記を入れました。記述内容がおかしいですか？
div.content { } の下に書きましたが、書く位置が間違っていますか？

/* -----------table-------------- */
table
{
border-collapse: collapse;
width: 200px;
}
table th, table td
{
border: 1px solid #cbcbcb;
padding: 5px;
}
table th
{
font-weight: normal;
background: #f5f5f5;
white-space: nowrap;
text-align: center;
width: 55px;
}
table td
{
text-align: left;
font-size: 100%;
background: #ffffff;
width: 145px;
}
/* ----------table------------- */


回答お願いします。　ｍ(＿ ＿)ｍ

※解決後「テスト投稿」は削除いたします。
　ご了承ください。

2010年04月05日 00:14  by