<TABLE> を使えば、やりたいことはできる。ただし、<OL>のSTARTエレメントを使う必要があるので、HTML 4.01 Strict は使えず、HTML 4.01 Transitional を使わざるを得ない。
|
|
|
|
<TABLE> を使わずに、同じような段組をスタイルシートを駆使して実現しようとすると...。
まずは、<LI>以降をグループ化して、段組を試みる。
<STYLE type="text/css">と定義しておいて、段組したいところを
.column { text-align: left; width: 20%; float: left; padding: 1 1 1 10 }
</STYLE>
<DIV class="column"> ... </DIV>ではさんでみる。
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい うううううううううううううううううううううう ええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお かかかかかかかかかかかかかかかかかかかかかかかかかかかかかかか
さささささささささささささささささ しししししししししししししししし すすすすすすすすすすす
1111111111111111111111 111111111111111 11111111111111 222222222222 22222 333333333333333 3333333333333 444444444444 44444444444444 5555555 555555555 666666666 666666666666 6666666666 66666666666
11111111111 111111111111 111111111 111111111111111111 22222 222222222222 33333333 333333333 3333333333 444444444 444444444 4444444 5555 5555 5555555 6666666 666666666 666666666 66666 66666666666
1111 1111111111 111111111 11111111 1111111 1111111111 22222 2222 2222222 3333333 33333333333 333333333 44444444 4444444 44 4444444 5555555 55555 555 6666 666 66666666 66666 66 6666666 6666 66666
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお
ちょっと変更。<DIV class="column"> の位置を少し後ろにずらしてみる。あんまり変わらん...。
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい うううううううううううううううううううううう ええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお かかかかかかかかかかかかかかかかかかかかかかかかかかかかかかか
さささささささささささささささささ しししししししししししししししし すすすすすすすすすすす
1111111111111111111111 111111111111111 11111111111111 222222222222 22222 333333333333333 3333333333333 444444444444 44444444444444 5555555 555555555 666666666 666666666666 6666666666 66666666666
11111111111 111111111111 111111111 111111111111111111 22222 222222222222 33333333 333333333 3333333333 444444444 444444444 4444444 5555 5555 5555555 6666666 666666666 666666666 66666 66666666666
1111 1111111111 111111111 11111111 1111111 1111111111 22222 2222 2222222 3333333 33333333333 333333333 44444444 4444444 44 4444444 5555555 55555 555 6666 666 66666666 66666 66 6666666 6666 66666
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお
更に変更。<DIV class="column">を<OL>と<LI>の間に移動してみる。これは明らかに文法違反なのだが...。 IE では、それっぽく表示されちゃいますねぇ。<OL> が <UL> のようにレンダリングされてしまってるけど、 これは、<OL> や <UL> なしにいきなり <LI> が来てしまった場合(当然、文法違反)の IE のレンダリング結果と同じですね。
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい うううううううううううううううううううううう ええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお かかかかかかかかかかかかかかかかかかかかかかかかかかかかかかか
さささささささささささささささささ しししししししししししししししし すすすすすすすすすすす
1111111111111111111111 111111111111111 11111111111111 222222222222 22222 333333333333333 3333333333333 444444444444 44444444444444 5555555 555555555 666666666 666666666666 6666666666 66666666666
11111111111 111111111111 111111111 111111111111111111 22222 222222222222 33333333 333333333 3333333333 444444444 444444444 4444444 5555 5555 5555555 6666666 666666666 666666666 66666 66666666666
1111 1111111111 111111111 11111111 1111111 1111111111 22222 2222 2222222 3333333 33333333333 333333333 44444444 4444444 44 4444444 5555555 55555 555 6666 666 66666666 66666 66 6666666 6666 66666
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお
結局、<OL>のSTARTエレメントに頼らざるを得ないのか。
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい うううううううううううううううううううううう ええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお かかかかかかかかかかかかかかかかかかかかかかかかかかかかかかか
さささささささささささささささささ しししししししししししししししし すすすすすすすすすすす
1111111111111111111111 111111111111111 11111111111111 222222222222 22222 333333333333333 3333333333333 444444444444 44444444444444 5555555 555555555 666666666 666666666666 6666666666 66666666666
11111111111 111111111111 111111111 111111111111111111 22222 222222222222 33333333 333333333 3333333333 444444444 444444444 4444444 5555 5555 5555555 6666666 666666666 666666666 66666 66666666666
1111 1111111111 111111111 11111111 1111111 1111111111 22222 2222 2222222 3333333 33333333333 333333333 44444444 4444444 44 4444444 5555555 55555 555 6666 666 66666666 66666 66 6666666 6666 66666
おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお
[活動メモへ戻る]
[Tsuporoneのトップページへ戻る]
Access Count: