hardtimes777
2012-10-07 14:35:16
[その他]
マトリョーシカなtable
投稿者からのアピールポイント
数年前に作られたサイトの更新を依頼されたんですが、エディタOnlyの私には厳しい・・・
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="70" align="left">請求日</td>
<td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000">
<table width="100%" border="0" cellspacing="1" cellpadding="10">
<tr>
<td align="left" bgcolor="#FFFFFF">
<table border="0" width="100%">
<tr valign="top">
<td colspan="2">
使い方ヒント: 「これは臭う」という行を見付けたら、各行の
をクリックしてマーキングしておきましょう(要Twitter OAuth認証)
コメント(10)
あらやだ、>と<書き間違えちゃった。。
あるあるこういうのw みづらいし、bgcolorとかcssにまとめろよって感じだw
HTML4.01時代のシステムでこんな感じのやつをメンテナンスしたわ。idとかclassで名前がついてなかったからfirebugとかのインスペクタで調べても、どのタグを直せばいいのかわからんくて泣けたわ。
昔は、クロスブラウザ(IE6とNN4とか)で、tableの1pxの枠を描画するため、この手法が使われてたような。それを思うと、今はCSSが比較的正しく動作するので恵まれている;;
IE5とかNN4とかの時代のコードだと普通。tableの1pxの罫線を作るために入れ子のtableでデザインするのが普通だった。 CSSで実現できなかったころの話だから、10年以上前。ちなみにその頃、CSSでデザインするのは邪道だと言われていた。
お絵描き屋さんがHTMLしらないとこういう超ソリッドなHTMLになるぞ。 というか、客に訴えてもお絵描き屋さんを支持するもんだから、泣く泣くヤル感じ。 どうせ次の絵は全く違うんだろうから、いんじゃね？とも。
コメント投稿には、twitter認証が必要です。
Twitter認証
複数ブラウザ対応の名の下、レイアウトの崩れを極力排除するテクニック(必要悪)として>table<が多用される、という話を聞いたことがある。
はて本当かしら。