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

Tråden skapades och har fått 5 svar. Det senaste inlägget skrevs .
1

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

  • 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:

<style type="text/css">

</style>
</head>

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

Men blir inte den hundra procent bred?

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

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?

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...

  • 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)

1
Bevaka tråden