css div, se muestra abajo el texto

[SeaPirates]

Hola tengo este css:

Código CSS:

.dialog_textt{
background-color:white;
height:18;
border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
position:absolute;
margin-top:-14;
color:#999999;
padding-left:65;
padding-right:5;
}
 

El problema que tengo es que cuando introduzco un texto sin separaciones:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

El div se alarga, que es lo que quiero que haga, pero si el texto que pongo tiene separaciones, se vá para abajo:

Hola,
esto
es
un
texto
separado

Quiero que el div se alargue según el contenido que tenga, ya que es un chat..

[cristian_cena]

Hola SeaPirates, quizas debas trabajar con anchos mínimos y máximos, este link te puede ser útil.

¡Larga vida a IE6! Haciendo emocionante la maquetación web desde 2001.

Espero te sea útil, un saludo.

p/d: a lo mejor puedes usar overflow:auto; para que aparezca una barra de scroll horizontal para líneas de textos extensas.

[alexk]

Código:

.dialog_textt{
background-color:white;
height:18;
border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
position:absolute;
margin-top:-14;
color:#999999;
padding-left:65;
padding-right:5;
}

te falta indicar la unidad de medida (%,em,px), y el ancho a este mismo (width), o como te indican usar medidas minimas y maximas, (aun que no entendi si lo necesites, creo que con establecer la posicion "left,top" y el "width" basta) para arreglar ese y otros bugs (de las medidas minimas y maximas) puedes usar la libreria de IE7
http://code.google.com/p/ie7-js/

[xcoltx]

bueno si al texto le das saltos de linea con enter seguro va a bajar el texto..

con respecto a lo otro.. creo que solamente debes poner un width:auto; o quizas ni eso...

tambien lo de los min-width y max-width es una buena solucion.. aunque si estas con explorer no se si funcionara.

copie tu codigo para probarlo en mi pc.. prueba a ver si te funciona.

Código CSS:

<style type="text/css">
.dialog_textt{
background-color:#999;
height:18px;
border-radius:3px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
padding:5px;
position:absolute;
color:#ffffff;
}
</style>
 

Código HTML:

<div class="dialog_textt">Hola, esto es en texto separado asdasd  asd asdas dad   asda</div>
 

[kseso?]

Por sugerir otra vía (complementaria a alguna de las sugerencias ofrecidas) y sin tener una visión general de su caso, podría incursionar en el uso de /white-space:nowrap;/ junto a /overflow:auto;/ para forzar el scroll.
Y actuar en su ancestro para que lo anterior no cause estropicios.

Atentamente