みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

ブログでのスクロール枠の設置の仕方

<div style="margin:0px;padding:0px;" align="left"><div style="margin:0px;padding:0px;line-height:1.3;width:200px;background-color:#FFFFFF;"><div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;border: 2px solid #66CCCC;font-family:'MS Pゴシック',Osaka,sans-serif;text-align:left;font-size:100%;height:5em;scrollbar-arrow-color:#66CCCC;scrollbar-3dlight-color:#66CCCC;scrollbar-darkshadow-color:#66CCCC;scrollbar-face-color:#FFFFFF;scrollbar-track-color:#FFFFFF;scrollbar-track-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;">文章挿入</div></div></div>

スクロール枠です。
これをブログにはめ込んでるんですが、この枠をもう一つ横並びに貼り付けたいのですが、段落ちしてしまいます。
改行はしてないので、それでの段落ちではないです。
お分かりになる方、よろしくお願いします。
ライブドアブログです。

投稿日時 - 2008-07-14 09:08:17

QNo.4175207

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

<div>はブロックレベル要素で、自動で改行が入るものです。

<span>のようにインライン要素でデザインするか、(width指定がうまくいかないブラウザがあったかも)
「display:inline;」を一番外側の<div>に追加するか、
「float:left;」で回り込みをさせてやるか、

といった感じでしょうか?

投稿日時 - 2008-07-14 13:52:32

あなたにオススメの質問