ここから質問投稿すると、最大4000ポイント当たる!!!! >>

画像3つで角丸ボックスを作り、真ん中の部分はテキストに応じて縦に伸びるように背景にしたいのですが、IEで見ると背景と底の部分の角丸画像の間にスペースができてしまいます。Firefoxでは問題ありません。

どうすれば解決できるかお教えいただければと思います。

[CSS]
.back{
height:auto;
background: url(../images/area.gif) repeat-y ;
}

.txt{
width:218px;
margin:0px;
padding:0px;
list-style:none;
}

.txt li{
margin:0px;
padding:5px 10px 0px 13px;
}

img{
margin:0px;
padding:0px;
border:0px;
vertical-align:bottom;
}

[html]

<img src="images/head.gif" width="218" height="7" alt="">
<ul class="txt back">
<li>2008.03.01<br>Webサイトがオープンしました。</li>
<li>2008.03.01<br>Webサイトがオープンしました。</li>
</ul>
<img src="images/foot.gif" width="218" height="7" alt="">

A 回答 (1件)

下の角丸画像にvertical-align : top及びmargin : 0を入れてみてください。

    • good
    • 0
この回答へのお礼

入れてみたところできました。
おかげさまで助かりました。
ありがとうございました。

お礼日時:2008/02/21 16:42

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング