数年前に作られたサイトの更新を依頼されたんですが、エディタ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認証)
あらやだ、>と<書き間違えちゃった。。
あるあるこういうの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<が多用される、という話を聞いたことがある。
はて本当かしら。