Comunidad de diseño web y desarrollo en internet online

Problema con etiqueta DIV

Citar            
MensajeEscrito el 25 Ago 2011 01:33 pm
Aviso: No se mucho de CSS!!!....Hola, tengo el siguiente problema, resulta que tengo una etiqueta con un ancho maximo de 300px. Resulta que cuando yo escribo en el dreamweaver el texto adentro me sobresale de la etiqueta, es como que la etiqueta no lo limitara al texto. Como puedo hacer?Gracias.

Por chunilp

71 de clabLevel



 

chrome
Citar            
MensajeEscrito el 25 Ago 2011 02:17 pm
Puedes poner el codigo aqui? Porque el texto no deberia de pasarse el texto, el div lo deberia contener, envia el código para ver cual es el problema

Por sauljps

13 de clabLevel



Genero:Masculino  

Diseñador Web

chrome
Citar            
MensajeEscrito el 25 Ago 2011 02:25 pm
Ok, este es el de la etiqueta:

<div class="descripcion">texto texto texto....</div>

Y este es el css:


.descripcion {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #333;
width: 395px;
margin-left: 5px;
margin-top: 0px;
height: 94px;
float: left;
max-width: 395px;
max-height: 94px;
}

Le puse hasta un max-width por las dudas pero ni asi...

Por chunilp

71 de clabLevel



 

chrome
Citar            
MensajeEscrito el 25 Ago 2011 02:32 pm
Ah pero tu dices que se sobresale por la parte de abajo?? No en lo ancho, el width es el ancho, se sale en la parte de abajo porque le pusiste el height: 94px; si se lo quitas el div se acomoda perfecto al texto

Por sauljps

13 de clabLevel



Genero:Masculino  

Diseñador Web

chrome
Citar            
MensajeEscrito el 25 Ago 2011 02:44 pm
Nop se sobre sale por el ancho, por ejemplo: pongo el cursor dentro de la etiqueta.... y mantengo presionado una tecla, ej: "A" y la mantengo aprentada hasta que llegue al borde, ahora... nunca choca contra el borde, sino que se pasa para el costado, como si no tubiese limite de ancho.

Por chunilp

71 de clabLevel



 

chrome
Citar            
MensajeEscrito el 25 Ago 2011 05:50 pm
Ahhh pero tu estas en Dreamweaver?? En la parte de diseño?

Por sauljps

13 de clabLevel



Genero:Masculino  

Diseñador Web

chrome
Citar            
MensajeEscrito el 25 Ago 2011 05:54 pm
Claro,digamos, dentro del dreamweaver cuando lo escribo al texto la etiqueta no me limita el texto, el texto queda fuera de la etiqueta. :S

Por chunilp

71 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 Ago 2011 12:17 pm
Lo que veas en el Dreamweaver es irrelevante. ¿Cómo se ve en un navegador?.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 26 Ago 2011 01:15 pm
Haber, para que se entienda: Si yo en dreamweaver dentro de la etiquete empiezo a escribi, la etiqueta no limita el costado si escribo mucho texto. Si yo escribo un texto en un campo dentro de una tabla MYSQL, y pongo dentro de una etiqueta un php para que me lea el campo MYSQL, el texto si es largo mas alla que tenga espacio interlineal, la etiqueta no me encierra el texto, sino que me toma todo el texto pero a lo largo.
Miren este ejemplo, y hagan clic derecho para ver el codigo fuente, peguenlo en el dreamweaver y veran a lo que me refiero.
http://todoforraje.com/muestra.html

Por chunilp

71 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 Ago 2011 01:53 pm
Listo ya lo solucione, es con el word-break: break; :D

Por chunilp

71 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 Ago 2011 01:53 pm
En tu CSS agrega

Código :

word-wrap: break-word;

A la clase del <div> en cuestión.

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.