Foros del Web » Creando para Internet » CSS »

css div, se muestra abajo el texto

Estas en el tema de css div, se muestra abajo el texto en el foro de CSS en Foros del Web. Hola tengo este css: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original .dialog_textt { background-color : white ; height : 18 ; border-radius : 10px ; -ms-border-radius ...
  #1 (permalink)  
Antiguo 23/08/2010, 06:02
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 785
Antigüedad: 8 años, 10 meses
Puntos: 9
css div, se muestra abajo el texto

Hola tengo este css:

Código CSS:
Ver original
  1. .dialog_textt{
  2. background-color:white;
  3. height:18;
  4. border-radius:10px;
  5. -ms-border-radius:10px;
  6. -moz-border-radius:10px;
  7. -webkit-border-radius:10px;
  8. -khtml-border-radius:10px;
  9. position:absolute;
  10. margin-top:-14;
  11. color:#999999;
  12. padding-left:65;
  13. padding-right:5;
  14. }

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

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

Cita:
Hola,
esto
es
un
texto
separado
Quiero que el div se alargue según el contenido que tenga, ya que es un chat..
  #2 (permalink)  
Antiguo 23/08/2010, 07:59
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: css div, se muestra abajo el texto

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.

Última edición por cristian_cena; 23/08/2010 a las 08:05
  #3 (permalink)  
Antiguo 23/08/2010, 08:30
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: css div, se muestra abajo el texto

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/

Última edición por alexk; 23/08/2010 a las 08:31 Razón: ups *** code
  #4 (permalink)  
Antiguo 23/08/2010, 13:02
Avatar de xcoltx  
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Respuesta: css div, se muestra abajo el texto

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:
Ver original
  1. <style type="text/css">
  2. .dialog_textt{
  3. background-color:#999;
  4. height:18px;
  5. border-radius:3px;
  6. -ms-border-radius:3px;
  7. -moz-border-radius:3px;
  8. -webkit-border-radius:3px;
  9. -khtml-border-radius:3px;
  10. padding:5px;
  11. position:absolute;
  12. color:#ffffff;
  13. }
  14. </style>


Código HTML:
Ver original
  1. <div class="dialog_textt">Hola, esto es en texto separado asdasd  asd asdas dad   asda</div>
__________________
http://www.acomodate.cl
  #5 (permalink)  
Antiguo 23/08/2010, 14:06
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: css div, se muestra abajo el texto

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

Etiquetas: abajo, muestra
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:23.