div dinamico o tabla dinamica...

vani18 · #1 (**permalink**) 14/11/2012, 10:00

hola una pregunta, las veces que tuve que hacer el contenido de una pagina , algunas veces me convenia div, pero otras, con tablas,,

sucede, que con las tablas, las celdas, le puedo poner un tamaño de alto .. height:70px;

y dentro tendra contenido, resulta, que puede haber contenido dinamico... (resultados de una tabla , en PHP) entonces, la celda menos de 70 px, no sera, pero mayor si... entonces el color de la celda se va a mantener, el tamaño de la celda, si hay mas contenido , tambien ESTARA DENTRO DE LA CELDA..-.

con los divs no me ocurre eso .. le especifico un tamaño y ese creo que es fijo... coloco contenido dinamico con php... y creo que sale , de este div... osea el div, no lo "acompaña" no se "estira.." habria una propiedad css? que sea igual al contenido?? esta bien que tenga un tamaño fijo , pero este pueda estirarse....

saludos..

chichote · #2 (**permalink**) 14/11/2012, 11:07

si quieres q se estire según la cantidad de texto, entonces no le des height al div, o bien puedes utilizar min-height.

Saludos

emprear · #3 (**permalink**) 14/11/2012, 11:12

tu enunciado es bastante confuso, pero creo que te referís a esto

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
td{
height: 30px;
background: lime;
}
 
div{
margin: 0 20px;
background: lime;
}
 
div.mh{
margin: 0 20px;
background: lime;
min-height: 30px;
}
/*]]>*/
</style>
 
</head>
<body>
<table border="1">
<tr><td>unalinea</td></tr>
<tr><td>multilinea<br />multilinea<br />multilinea<br />multilinea<br />multilinea<br /></td></tr>
</table>
<hr />
<div style="background: #666;">unalinea</div>
<div>multilinea<br />multilinea<br />multilinea<br />multilinea<br />multilinea<br /></div>
<hr />
<div class="mh" style="background: #666;">unalinea</div>
<div class="mh">multilinea<br />multilinea<br />multilinea<br />multilinea<br />multilinea<br /></div>
</body>
</html>

En el caso de los divs, min-height
SAludos