CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど
2006年10月22日（日） コメント:4 トラックバック:3
CSSでレイアウトをするとき、ある表示結果を実現するためには複数の異なる方法があり得ます。 ひとつの方法があるブラウザでうまくいかなかった場合、安易にハックに頼るのではなく、別の実現方法を試してみるとよいでしょう。
というわけで問題。
<div>
<p></p>
</div>div, p {
padding: 0;
border : none;
height : 100px;
}
div {
width: 80%;
}
p {
width: 200px;
}※divの幅が200px以下になる場合を考慮する必要はない。
もちろんこの問題の解答は複数存在します。できるだけ多くの方法を考えてみてください。
<<放送順か、時系列順か | コンテナブロック（包含ブロック）とは>>
http://mb.blog7.fc2.com/tb.php/114-a81ceba6
CSSクイズ ブロックボックスの右寄せ（てんぽ） 面白そうなので挑戦…してみたけど。 子ボックス float: right; 親ボックス position: relative; 、子ボックス right: 0; 子ボックス margin: 0 0...
ここでも何度か記事を紹介していますし、CSS好きの間ではよく知られていますが、「てんぽ」のみりばーるさんはおそらく最先端のCSSデザインの知識を持っている方ではないかと思います。そもそも、「てんぽ」のデザイン
CSSクイズ ブロックボックスの右寄せに挑戰してみたのです。 基本ソース 提示されたソース斷片に、見易くする爲の背景色と空のdiv要素を追加して拵へたのが次のHTML文書。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>Answers to
コメント（4件）
最近おぼえた手法です。
→ http://blog2.fc2.com/s/sug/file/answer1.htm
float:rightは解答のひとつですね。
IE用zoomの意図がいまいちわからない…
えと、定番テクだけど回答したのでトラバしました。
トラバ元でも触れてるのですが、ここの「メニューの下まで帯が入っているレイアウト」、某WEB技術掲示板で実現できないかと質問があったので、実装例としてここを紹介させていただきました。
スレの感じではスレ立てた人にはちょっと難しいかもしれないのですが、CSSデザインをしている人たちの参考になればと思ったもので…事後報告ですみません ｍ(_ _)ｍ
その3つが想定したスタンダードな解答です（やや余分なコードもありますが）。
某WEB技術掲示板のあれはリファラでチェックしていましたが、洵さんだったんですね。この手法についてもそのうち解説を書きたいと思っています。