右側30%にオレンジライン

【ページの右側だけに１色の縦ラインを入れる -OKWave】という質問があったので、好い加減に作ってみる。

CSS

*
{
    margin : 0 ;
    padding : 0 ;
}

html
{
    background-color : orange ;
    height : 100% ;
}

body
{
    margin : 0 30% 0 0 ;
    padding : 0 5% 0 5% ;
    background-color : white ;
    color : black ;
    min-height : 100% ;
}

h1,
h2
{
    padding : 1em 0 1em 0 ;
}

p
{
    padding : 0 0 1em 0 ;
}

解説

bodyに内包される要素（h1とかh2とかp）に上下マージンを設定したら、駄目なのねん。いや、駄目ってこともないんだけど、いろいろ面倒ぽい。

例によって、FirefoxとかOperaとかSafariしか確認してません。IEとか知りません。

この文書の文書型宣言は、HTML4.01 strict DTDです。ちなみに、色名「orange」は、CSS2では定義されていません。

でも、質問の意図はこういうことぢゃないんだろうな、とか予想する。

書いた人

初稿 2009-03-10T20:39:45+09:00　カナかな団首領

案内