2017-06-30 8 views
0

4列のテーブルがあります。第1列と第3列の幅は132pxでなければなりません。エクスプローラでページが表示される場合は、両方の列が指定された幅に対応します。しかし、FirefoxとChromeでは、列は206pxまで成長しますが、私はこれが起こることを望んでいません。一部のブラウザでCSSテーブルのサイズが変更されています

Styles of Columns

表Iは、テーブルレイアウトを持つテーブルを設定している

Style of table

:固定。そして、私はこれらのtdの幅、最小幅、最大幅を132pxに指定しましたが、ブラウザは好きなようにやり続けます。

私を助けることができますか?

UPDATE

フィドル:列に対するjsfiddle.net/65o82kv0

CSSのテーブル(複数可)の

#bloqueVehiculo table, 
#bloqueTren table, 
#bloqueIncidencia table, 
#bloqueMantenimiento table, 
#bloqueClasificacion table, 
#bloqueEstado table, 
#selectorVehiculo table { 
    width: 95%; 
    margin: 23px auto; 
    table-layout: fixed; 
} 

画像について

.cabecera { 
    width: 132px; 
    color: white; 
    max-width: 132px; 
    min-width: 132px; 
    padding: 8px 12px; 
    font-weight: bolder; 
    white-space: nowrap; 
    background-color: #82005E; 
} 

CSSエクスプローラ enter image description here

上の表には、クロームの表の画像:

enter image description here

+1

スニペットを表示! –

+1

可能であれば、jsfiddleを追加するか、html/cssを投稿してください。 – Karthik

+0

table-layout:fixedがある場合は、各テーブルセルの幅を明示的に指定するだけです。テーブルの全幅が95%で、2つのセルが132pxの場合、他の2つのセルは47.5%~132pxの幅である必要があります。 https://jsfiddle.net/MrLister/m7e08c6z/1/はすべてのブラウザで同じように動作します。 –

答えて

0
  1. すべてのブラウザは、CSSの面で同等、彼らはスタイルシートを解釈する方法を持っていません。
  2. 固定サイズのコンテナを指定し、そのテーブルを子要素として保持して、ブラウザ間で同じサイズにすることができます。
  3. あなたが持っている可能性のある外部CSSファイルを上書きすることがあるため、インラインCSSがあるかどうかを確認してください。
関連する問題