Div-elemneten Breite dynamisch an Inhalt anpassen

[Boris Christ]

Guten Morgen alle zusammen,

stehe etwas auf dem Schlauch, habe ein Klassen-Element definiert welches in einer Tabellenzelle steht. Die Elementen Breite soll sich dem Inhalt anpassen, nur zieht sich das Elemente immer über 100% des zu Verfügunkstehendenplatzes. Ich habe das Problem schon einmal gelöst, komme nur nicht mehr auf die Lösung.

Das Element:

div.element{
 background-color: #F9E9D2;
 border: 1px solid #A60000;
 border-style: solid solid solid solid;
 padding: 3px 5px 3px 5 px;
 text-align: left;
 letter-spacing:2px;
 line-height: 20px;
 font-weight: bold;
}

Danke für die grauen Zellen ;)))

Boris

[Perro]

table-layout:auto;

[Boris Christ]

table-layout:auto;

habe ich auch gedacht (geht nicht).
Wenn es geht würde ich gerne in CSS 1 bleiben

[Tim Tepaße]

Hallo Boris,

stehe etwas auf dem Schlauch, habe ein Klassen-Element definiert welches in
einer Tabellenzelle steht. Die Elementen Breite soll sich dem Inhalt
anpassen, nur zieht sich das Elemente immer über 100% des zu
Verfügunkstehendenplatzes.

Das ist eine der wesentlichen Eigenschaften der empfohlenen Darstellung
eines divs, welches schließlich ein anonymes Blockelement ist. Je nachdem,
wie das mit dem Rest Deines Layoutes zusammenpasst, wäre die Alternative,
kein div zu benutzen oder aber dem div ein anderes Verhalten zuzuweisen,
bespielsweise das eines Inlineelementes mit display:inline. Wenn das div
das einzige Element in der Tabellenzellen ist, sollte das wenig Probleme
geben.

Du kannst auch mit den anderen Werten für display rumexperimentieren, ich
habe jedoch die Erfahrung gemacht, daß die Werte display:block und
display:inline in den Browsern am besten unterstützt werden.

Tim

[Boris Christ]

Hallo Tim,

ich danke dir, habe es hinbekommen.

Gruß

Boris