Table width 100%. 1 Spalte mit fester Breite
hier ist der code, ich habe da ein problem mit:
Grundsätzlich habe ich eine Tabelle, und die Breite des Tisches ist 100%
table
{
border: 1px solid #ffda95;
border-collapse: collapse;
width: 100%;
}
nun habe ich 1 Spalte, die enthält 3 Symbole und ich möchte nicht, dass diese Spalte zu skalieren, mit der Seite. es sollte eine Breite von 25px. die td
hat die Klasse tdmaxwidth60
.tdmaxwidth60
{
width: 25px;
min-width: 25px;
max-width: 25px;
}
jedoch. in Firefox und IE diese Spalte noch skaliert mit der Seite, sei es etwas anders als in jsFiddle. es sieht aus wie die width
arbeitet (on load Breite korrekt ist) und die min-width
zu arbeiten, wenn Sie die Seite Vollbild und macht man Sie kleiner, es bleibt die gleiche Breite. jedoch beim laden der Seite auf eine kleine Seite und dann machen Sie es fullscreen die Breite der Spalte gestreckt.
irgendwelche Ideen, wie man dieses Problem beheben?
Du musst angemeldet sein, um einen Kommentar abzugeben.
In der jsfiddle Sie gepostet 4 Spalten haben eine Feste Breite. Dazu werden alle Skalen, die passen auf die Breite der Tabelle.
Wenn Sie nur legen Sie die Breite der ersten Spalte, dann die anderen Spalten skalieren, um zu passen. Und die erste Spalte werden die gleichen bleiben.
th
Elemente. wenn ich deaktivieren kann, dass es dann behoben seinWenn du sagst, du hast eine Spalte, die Sie nicht wollen, zu skalieren, sollten Sie nicht geben Sie Ihrem
trmaxwidth60
Klasse zu jedem td in dieser Spalte statt der tr? Bitte korrigieren Sie mich, wenn ich falsch Liege.können Sie
white-space: nowrap;
für die.trmaxwidth60
. Natürlich die Standard-Einsatz ist für den text, aber ich denke, dass wird die Arbeit für die icons auch.