人気の株主優待

weblovelog

ウェブ業界人のためのウェブ情報サイト。

display:table-cell 幅がFirefoxとIEでおかしくなる時の対策

   

CSS display:table-cell child width bug in Firefox and IE

上記(英語サイト)に詳しく記載されています。

対策法だけピックアップすると…

display: table; の記述が書かれている要素に、
table-layout: fixed; の記述を足してやればおっけーです。

こんな感じ。

 

 - CSS, WEB

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

  関連記事