[SOLUCIONADO] Diseño líquido

volaitor360 · #1 (**permalink**) 02/05/2013, 07:19

Hola a todos

Me gustaría cambiar el css de una página que hicieron para obtener un diseño fluido.Me podrías pasar algún tutorial o vídeo que explique claramente como hacerlo?
En el código css hay un html,un body y un page_bg,y no se cuál es el elemento padre(que por lo que tengo entendido,el porcentaje va en función de ese elemento padre)
El código html de la página es algo asi:

<html>
<body id="page_bg">
</html>

Muchas gracias a todos y perdonar si he escrito algo mal.

1 saludo

pzin · #2 (**permalink**) 02/05/2013, 08:28

Básicamente es trabajar con porcentajes en los elementos de la estructuración.

No sé de ningún manual/artículo que cubra esto específicamente, pero seguramente existan muchos al hacer una búsqueda por Internet.

volaitor360 · #3 (**permalink**) 02/05/2013, 08:33

Muchísimas gracias por la respuesta

Elementos de estructuración te refieres a divs no?Se pueden combinar el uso de % y em?o sólo se debe usar uno de los dos?

Muchísimas gracias de nuevo

pzin · #4 (**permalink**) 02/05/2013, 08:59

Dije porcentajes pero te vale cualquier medida relativa, es decir, que no sea fija. Como em es una medida relativa, también te valdría.

nicolaseguez · #5 (**permalink**) 02/05/2013, 12:18

ademas de trabajar con porcentajes te recomiendo que veas algun video en youtube sobre responsive web design. Que es para utilizar el mismo diseño en un dispositivo movil.

volaitor360 · #6 (**permalink**) 02/05/2013, 13:13

Muchas gracias a los dos por responder.
Tengo una imagen que me esta dando problemas.La repite varias veces para formar un rectangulo definido por un width y un height en pixeles.El width me deja ponerlo en %,pero el height si lo pongo en % no me sale nada(en em si que me deja).
A que puede ser debido?

pzin · #7 (**permalink**) 02/05/2013, 13:52

Se deberá a que el elemento padre no tendrá altura definida y por tanto su altura es automática y dependiente de la altura de su contenido; cualquier porcentaje de cero es igual a cero.

volaitor360 · #8 (**permalink**) 02/05/2013, 15:26

Muchísimas gracias,me has ayudado mucho

1 saludo

rulises · #9 (**permalink**) 02/05/2013, 18:04

Hola. Para solucionar el problema del porcentaje en altos y anchos en imágenes, yo lo que hago es poner solamente el ancho % y por lo menos a mí se me ajusta el alto automaticamente.