• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[css] table-layout:fixed spalten haben gleiche Breite trotz anderer Einstellung

zsoerenm

New member
Hallo

Mal wieder ein Problem -.-

Ich hab eine Tabelle auf table-layout:fixed gesetzt und die spalten alle mit verschiedenen width versehen. Trotzdem haben alle Spalten die gleiche Breite.

Hier mein html code:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
...
PHP:
<table cellpadding="0" cellspacing="0" border="0" class="angebotetabelle">
   <tr>
      <td colspan="4" class="header">Text</td>
   </tr>
   <tr class="headings">
      <td class="titelbild">Bild</td><td class="bestellnummer">Bestellnr.</td><td class="beschreibung">Beschreibung</td><td class="preis">Preis</td>
   </tr>
   <tr>
      <td class="titelbild">Text</td><td class="bestellnummer">Text</td><td class="beschreibung">Text</td><td class="preis">Text</td>
   </tr>
</table>

und zugehöriges css:
Code:
.angebotetabelle {
table-layout:fixed;
width:100%;
}
.angebotetabelle td {
padding:2px;
}
.angebotetabelle .header {
height:22px;
line-height:22px;
width:100%;
}
.angebotetabelle .headings {
font-weight:bold;
}
.angebotetabelle .titelbild {
width:104px;
}
.angebotetabelle .bestellnummer {
width:80px;
}
.angebotetabelle .beschreibung {
}
.angebotetabelle .preis {
width:50px;
}

Referenz:
Lokschuppen

Gruß Sören
 
Zuletzt bearbeitet von einem Moderator:
Ich hab eine Tabelle auf table-layout:fixed gesetzt und die spalten alle mit verschiedenen width versehen. Trotzdem haben alle Spalten die gleiche Breite.

Zusätzlich zu Anna's Lösung:

Soweit ich mich erinnern kann liegt das auch an der Zusammenlegung der Spalten in der ersten Zeile. Ich hatte dieses Problem damit umgangen, indem ich vor der ersten Zeile mit COLGROUP & COL die Spaltenbreiten festgelegt habe.
 
Zurück
Oben