CSS-Tabelle ändert Größe in einigen Browsern

Ich habe eine Tabelle mit vier Spalten. Die erste und die dritte Spalte müssen eine Breite von 132 Pixeln haben. Wenn Sie die Seite im Explorer sehen, entsprechen beide Spalten der angegebenen Breite. Aber in Firefox und Chrome werden die Spalten bis zu 206px groß, und das möchte ich nicht.CSS-Tabelle ändert Größe in einigen Browsern

Columns

Tabelle

ich den Tisch mit einem Tisch-Layout-Set haben: behoben. Und ich habe Breite, minimale Breite und maximale Breite zu 132px für diese td spezifiziert, aber Browser machen weiter, wie sie wollen.

Können Sie mir helfen?

UPDATE

Fiddle: jsfiddle.net/65o82kv0

CSS für Spalten

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

CSS für die Tabelle (n)

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

Bild von Tabelle Explorer

Bild Tabelle auf Chrome:

Quelle

2017-06-30 Neoff

zeigen einen Ausschnitt! –

Fügen Sie jsfiddle hinzu oder geben Sie nach Möglichkeit html/css ein. – Karthik

Wenn Sie Tabellen-Layout: festgelegt haben, müssen Sie nur die Breite jeder Tabellenzelle explizit angeben. Wenn die Gesamtbreite der Tabelle 95% beträgt und zwei der Zellen 132 Pixel groß sind, müssen die anderen beiden Zellen 47,5% bis 132 Pixel breit sein. https://jsfiddle.net/MrLister/m7e08c6z/1/ funktioniert in allen Browsern gleich. –

Nicht jeder Browser Gleichwertigkeit in Bezug auf CSS hat, wie sie Sheets interpretieren.
Sie können einen Container mit einer festen Größe angeben und die Tabelle als untergeordnetes Element beibehalten, damit die Größe in allen Browsern gleich ist.
Bitte überprüfen Sie auf In-Line-CSS, weil sie manchmal die externe CSS-Datei überschreiben können, die Sie haben könnten.

Quelle

2017-06-30 09:41:12 tumblerwolverine

CSS-Tabelle ändert Größe in einigen Browsern

Antwort

Verwandte Themen