breedte div aanpassen aan tekst

[p3t3r]

Ik heb op mijn pagina verschillende spoilers gezet, maar nu zou ik rond die spoilers een kadertje willen zetten dat zich aanpast aan de hoogte en de breedte. Aan de hoogte is precies geen probleem maar de breedte lukt me niet, hij blijft op het maximum dat hij kan.
de css code die ik gebruik:

div.border{
	border: 1px solid #D4527A;
	background: #FFF0F5;
	border-radius: 1.5em;
	}

<div class="border">
<div class="spoiler">
<input type="button" onclick="showSpoiler(this);"  class="buttoncss"/>
<div class="inner1" style="display:none;"> 
hier staat mijn tekst
</div>
</div>
</div>

Alvast bedankt

 

[tecsman]

Als je een div hebt die de gehele breedte van het scherm gebruikt (dat is, neem ik aan, wat je bedoelt met "het maximum dat hij kan")
dan wordt de rand ook net zo breed als het scherm.

 

[p3t3r]

ja dat klopt, maar ik wil juist dat de kader juist rond de tekst zit en niet er kweetnie hoe ver van weg

kzal het met fotos proberen duidelijker te maken

ik heb dit:

maar ik zou willen dat het nu maar tot hier was:

en wanneer je het uitklapt het tot hier is:

Ik heb zelf al gemerkt dat wanneer ik position: absolute; doe dat het dan is opgelost maar dan zit het wel achter mijn volgende div.

 

[tecsman]

Dan zul je de breedte van de div moeten definiëren,
tot iets wat je wel wilt.

(je hebt niet toevallig een linkje, kijkt wat makkelijker)

 

[Naarling]

Als je float:left; toevoegt aan de CSS van div.border dan zal hij zich aan de breedte van zijn inhoud aanpassen. Je moet wel wat padding toevoegen anders zit hij wel heel strak om je tekst heen.

 

[p3t3r]

wanneer ik float: left doe krijg ik zo iets:

zoals je ziet is dat dan wel goed maar dan klopt het niet meer met mijn achtergrond, die normaal mee uitrekt met de inhoud.

Kheb ook snel dat siteje geuploade ook al was ik niet van plan het online te zetten http://p3t3r.hostingsiteforfree.com/
verwacht er niet teveel van

 

[Naarling]

Op te lossen door aan div.tekstvak overflow:auto; mee te geven. Voor meer informatie zie http://www.quirksmode.org/css/clearing.html

 

[p3t3r]

thx