¿Cómo hacer que un div se adapte al texto en HTML y CSS?

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 9 Jun 2014

• #1

Estoy arrancando con todo lo que es diseño web en html y css y actualmente me tope con un problema. Resulta que no logro (o mejor dicho no se) como hacer para que un div se adapte a su contenido (siempre hablando del alto).

Por ejemplo si teng un div de 500px y mi contenido ocupa 900px, el fondo y todos los atributos del div solo se respetan hasta los 500px y el texto continua "afuera del div".

como se arregla esto ? Desde ya muchas gracias !

 

Raichu

Épsilon

Programador

• 9 Jun 2014

• #2

¿Hay algo que te limite a cambiar la altura del div a 900px? Ya que creo que con eso se arreglaría. Si lo que buscas es que se adapte a cualquier largo de texto (ya sea 900px ó 1500px), yo usaría, además de los lenguages que mecionas en el hilo, Javascript.

 

kanikase

Préstamo

Ómicron

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 9 Jun 2014

• #3

[MENTION=449]Caffa[/MENTION] intenta con un height:auto y en el contenido un position:relative

 

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 9 Jun 2014

• #4

kanikase dijo:

[MENTION=449]Caffa[/MENTION] intenta con un height:auto y en el contenido un position:relative

Hacer clic para expandir...

Gracias mañana lo pruebo y te comento como me fue.

Raichu dijo:

¿Hay algo que te limite a cambiar la altura del div a 900px? Ya que creo que con eso se arreglaría. Si lo que buscas es que se adapte a cualquier largo de texto (ya sea 900px ó 1500px), yo usaría, además de los lenguages que mecionas en el hilo, Javascript.

Hacer clic para expandir...

Agradezco el aporte, voy a ver que se puede hacer ya que nunca vi js

Enviado desde mi XT915 mediante Tapatalk

 

B

bertocoder

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 9 Jun 2014

• #5

css:
.contenedor_expandible{
width:100%;
overflow:auto;
}

html:
<div class="contenedor_expandible">Texto variable aqui</div>

😉

 

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 9 Jun 2014

• #6

bertocoder dijo:

css:
.contenedor_expandible{
width:100%;
overflow:auto;
}

html:
<div class="contenedor_expandible">Texto variable aqui</div>

😉

Hacer clic para expandir...

Muchas gracias ! ya logré hacerlo con esto que me pasaste !