タグ

ブックマーク / sonic.blue (1)

  • HTMLで「table-layout:fixed」つかってもTableが崩れる場合の対応方法 | 蒼いねずみのお仕事

    ですが、同じCSSを使っていてもこんな感じでレイアウトが崩れてしまう場合があります。 (なぜか、中見出しが「100px」になっていない) 見出し これは最初にcolspanが出てきてしまうと、残念ながらこのように崩れてしまいます。 それでは、なぜcolspanで「table-layout:fixed」の効果がなくなってしまうのでしょうか。 これは、「table-layout:fixed」の仕組みが最初の<tr>行でレイアウトを決めて固定化してしまう仕組みになっているからなのです。 ですので、最初の行に「colspan=”3″」があると、その時点でcolspanでまとめられてしまった<td>列は、きれいに3等分されて「fixed(固定化)」してしまったのです。(最初の行移行では、「table-layout:fixed」の効果はない) この現象を防ぐには、どうすればいいのかというと最初に表示す

  • 1