ここから本文です

解決済みの質問

知恵コレに追加する

CSSで、画像と画像の左に回り込みの文章を記載して、それ全体を囲う枠について。

berryz_sakiさん

CSSで、画像と画像の左に回り込みの文章を記載して、それ全体を囲う枠について。

CSSで、画像と画像の左に回り込みの文章を記載して、それ全体を囲う枠についての質問です。

CSSを使い、下記の様にしました。

| ̄ ̄ ̄| 回り込み
| 画像 | 文章を記載
|___| しています。

ただ、これだけだと、ホームページ上で、その部分だけ浮いた様に見えるため、
全体を、下記の様にセンター寄せで、枠で囲ってあげようと思います。

| ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄|
| | ̄ ̄ ̄| 回り込みの |
| | 画像 | 文章を記載 |
| |___| しています。 |
|____________|

試しに、センター寄せはせず、取り敢えず囲ってあげようと試みましたが、
画像が、枠からはみだしてしまいます。

きちんと、回り込みを行う為には、どの用に記載すればいいのでしょうか?

ちなみに、枠からはみ出した際のタグは、下記の様に記載しました

【HTML側】

<div class="1">
<p class="2">
●●●●
</p>
<br>
・■■■■
<img src="●.jpg" alt="●●●●" width="●" height="●" class="left">
<p>
◆◆◆◆◆◆◆<br>
◆◆◆◆◆◆◆
</p>
</div>

【CSS側】

img.left{float:left;}

.1{
background-color: #ffffff;
border: 1px #0053e6 solid;
margin-top: 2px;
margin-bottom: 2px;
}

です。
宜しくお願い致します

違反報告

ベストアンサーに選ばれた回答

sii_sideさん

div.1に、overflow: auto;を指定してみて下さい。

質問した人からのコメント

  • 早速の回答をありがとうございます。
    無事に、枠内に画像を収める事が出来ました
    ありがとうございました。
  • コメント日時:2009/11/6 18:33:15

グレード

この質問・回答は役に立ちましたか?
はい
いいえ

お役立ち度:お役立ち度 0点(5点満点中)0人中 0人が役に立つと評価しています。

回答ありがとうキャンペーン 回答してポイントを当てよう!! 2000名様に500ポイントプレゼント キャンペーンの詳細を見る ※回答することで自動的に応募となります。

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。

お客様自身の責任と判断で、ご利用ください。

違いがわかる知恵袋

[カテゴリ:ホームページ作成]

ただいまの回答者

12時06分現在

2164
人が回答!!

1時間以内に4,168件の回答が寄せられています。