CSS: box som "växer" med innehållet

Tråden skapades 2003-12-04 och har fått 5 svar. Det senaste inlägget skrevs 2003-12-28.

2003-12-04 15:10

scooterbabe
Medlem ●
International user
2003-12-04 15:10

Vill få till en box som växer med innehållet, d v s den har egentligen ingen bredd innan den fylls med något, t ex en bild.

Lite som en table-cell fungerar utan att man angett width...

Går detta över huvud taget? Känns som att det inte borde, men lika bra att höra sig för

Anmäl Ändra Gilla Svara

2003-12-04 15:23

Danne V
Medlem ●
Karlstad
2003-12-04 15:23

Jo, men om du lägger in text, så blir det troligan ingen wrapping, eftersom boxen aldrig slutar. Å andra sidan så har "dom" börjat pyssla med en "max" bredd för t.ex. boxar. Tyvärr stöds detta inte av alla webbläsare än...

Men så här kan du ju göra. Obs: ingen breed/höjd i själva <div>-taggen:

<body>
<div id="Layer1" style="position:absolute; z-index:1" class="divstyle">kjhkjhkjhkjkjhkjh</div>

Anmäl Ändra Gilla Svara

2003-12-04 19:32

scooterbabe
Medlem ●
International user
2003-12-04 19:32

Men blir inte den hundra procent bred?

Och varför blanda style-tagg med class-tagg?

Anmäl Ändra Gilla Svara

2003-12-04 19:57

gnurbmaster
Medlem ●
2003-12-04 19:57

Citat:

Skrevs ursprungligen av scooterbabe
Vill få till en box som växer med innehållet, d v s den har egentligen ingen bredd innan den fylls med något, t ex en bild.

Lite som en table-cell fungerar utan att man angett width...

Går detta över huvud taget? Känns som att det inte borde, men lika bra att höra sig för

Låter lite som om du är ute efter ett inline-element då egentligen? Antingen genom att använda span:

<span id="foo">Fill me up</span>

Eller genom att sätta

display: inline;

på ditt blockelement?

Anmäl Ändra Gilla Svara

2003-12-04 20:41

scooterbabe
Medlem ●
International user
2003-12-04 20:41

Har för mig att jag testade att köra en inline med 1 px border men att den också "startade" expandad till 100% - testar igen...

Anmäl Ändra Gilla Svara

2003-12-28 00:33

Anton
Medlem ●
2003-12-28 00:33

Ska du jobba med ett block-element är det nog snarare höjden som är noll tills du fyller den med nåt. Och ja, bredden är 100% som standard och bör inte övergå detta värde. Tänk dock på att IE har ett kroniskt ränkefel när den ska räkna ut bredder på ett block (http://tantek.com/CSS/Examples/boxmodelhack.html)