css: <p> i en <div>

[konaz]

Har et problem med å skjønne hvorfor ikke div'en min ikke utvider seg i forhold til innhold.

 

Dersom jeg putter tekst utenfor <p>, så tilpasser den seg fint, men dersom teksten er inne i en <p> så gjør den ikke det.

 

html

      	
<div class="detailbox">
Denne teksten kommer inne i ramma til div'en
<p> denne teksten gjør det ikke! </p>
</div>

 

css

div.detailbox {
display: inline;
background-color: white;
border: 2px solid #5EB35D;
margin: 10px;
}

 

 

Hva skjer?

[Haraldson]

Ærlig talt, gi <p> en klasse og sleng på en border osv. <div> er så totalt unødvendig her.

[resol]

margin-left:

 

 

X_o

Endret 18. juni 2006 av resol

[endrebjo]

Du har satt div'en til et inline-element mens p er et blokkelement. Da blir det tydeligvis krasj.

 

Hva skal du med koden?

[konaz]

Ærlig talt, gi <p> en klasse og sleng på en border osv. <div> er så totalt unødvendig her.

6331876[/snapback]

 

Skal jo ha mye annet styr inni der også da, blant annet en liste og en form, og da er det litt teit at det ikke holder seg inne i div'en.

[konaz]

Du har satt div'en til et inline-element mens p er et blokkelement. Da blir det tydeligvis krasj.

 

6331897[/snapback]

 

Takker, det var problemet.