2009-04-11 4 views
0

1つの列に最初は隠されているが、ホバーに表示される表があります。問題は、ホバーでコンテンツがその列の幅のサイズを変更し、テーブルを歪ませることです。新しく表示されるテーブルデータが列幅を変更しないようにする

テーブルレイアウトを設定せずに列のサイズを変更しないようにするにはどうすればよいですか:固定または幅を設定します。

テーブルレイアウトを固定すると、最初の行のみを使用して、列のサイズが不自然になります。異なる行の内容の長さが大きく変動するため、許容できません。

テーブルが任意の行の最長列に応じてサイズの幅を設定し、ホバリング時にサイズ変更を禁止する方法はありますか。

私はshow hidesを実行するためにcss hoverを使用しています。ありがとう。

答えて

1

なぜ表示属性ではなく、ホバーの不透明度属性を変更するだけですか?内容を明らかにするには、不透明度を0から1に変更し、1から0に非表示にします。

+0

+1悪い考えでもありませんし、特別な非セマンティックdivを必要としません。 – cgp

+0

私はvisibilty:hidden/visibility:より広範にサポートされているので、不透明ではなく表示し、visibility:hidden(表示とは異なります; none;)はレイアウト内の要素スペースを保持します。 – wheresrhys

+0

ああ、良い点wheresrhys、私は 'visibility'属性について忘れてしまった!私のソリューションよりもはるかに優れています。これは、IEとOperaの旧バージョンでは不透明です。あなたが答えとしてそれを置くなら、私はこれを削除のためにマークします。 – ozan

0

実際のコンテンツ自体を隠す代わりに、列を「カバーする」divまたはspanを使用してコンテンツを非表示にします。

+0

高さを調整できないため、スパンを使用しても機能しません。また、あなたが要求されているものと思われる列の内容の一部をカバーしようとしている場合、カバーダブを使用することは(可能ではあるが)痛いでしょう。 – ozan

関連する問題