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">

使い方ヒント: 「これは臭う」という行を見付けたら、各行のsmellをクリックしてマーキングしておきましょう(要Twitter OAuth認証)

コメント(10)

#1 InternalServerE 2012-10-07 18:53:55  

複数ブラウザ対応の名の下、レイアウトの崩れを極力排除するテクニック(必要悪)として>table<が多用される、という話を聞いたことがある。
はて本当かしら。

#2 InternalServerE 2012-10-07 18:54:54  

あらやだ、&gt;と&lt;書き間違えちゃった。。

#3 ekykwan 2012-10-08 02:18:16  

メールのHTMLならそうだけど、普通なサイトなら苦行でしかない

#4 BlackerPanda 2012-10-08 14:32:27  

あるあるこういうのw みづらいし、bgcolorとかcssにまとめろよって感じだw

#5 math_neko 2012-10-08 14:34:37  

既に解析する気が失せてる。百歩譲ってこれが表と認められるとしても、ここまで table を入れ子にするのは許しがたい。

#6 tomgoodsun 2012-10-09 16:30:53  

HTML4.01時代のシステムでこんな感じのやつをメンテナンスしたわ。idとかclassで名前がついてなかったからfirebugとかのインスペクタで調べても、どのタグを直せばいいのかわからんくて泣けたわ。

#7 smeghead 2012-10-09 16:38:02  

昔は、クロスブラウザ(IE6とNN4とか)で、tableの1pxの枠を描画するため、この手法が使われてたような。それを思うと、今はCSSが比較的正しく動作するので恵まれている;;

#8 kumanyakaman 2012-10-13 03:02:12  

IE5とかNN4とかの時代のコードだと普通。tableの1pxの罫線を作るために入れ子のtableでデザインするのが普通だった。 CSSで実現できなかったころの話だから、10年以上前。ちなみにその頃、CSSでデザインするのは邪道だと言われていた。

#9 miso_nya 2012-10-13 03:04:32  

10年ぐらい前ならよく見た。今のサイトでは・・・ないな。

#10 token7 2012-10-13 13:46:12  

お絵描き屋さんがHTMLしらないとこういう超ソリッドなHTMLになるぞ。 というか、客に訴えてもお絵描き屋さんを支持するもんだから、泣く泣くヤル感じ。 どうせ次の絵は全く違うんだろうから、いんじゃね?とも。

コメント投稿には、twitter認証が必要です。

Twitter認証

このウンコードに臭った人は、こちらのウンコードにも臭ってます

[Java] 連番

このエントリーをはてなブックマークに追加

もはや人間が読むものではない。

...

package com.renban.erq053.czp008;

/**...

鑑賞する »

[Java] 長すぎるor短すぎる関数名

このエントリーをはてなブックマークに追加

Javadocでやれ

public static User findByFirstNameFamily...

鑑賞する »

[Java] フルHD推奨。

このエントリーをはてなブックマークに追加

画面の左側がわりと無駄な気がします。

public int hoge(){
    int result = 0;
...

鑑賞する »