Duda acerca del uso de prcentaje en css

[tatur2d2]

Tengo una consulta, disculpen si derrepente es una pregunta un poco tonta


Bueno, estoy comenzando a utilizar el porcentaje en vez de untilizar "px" para el width de las paginas web, ahora mi pregunta es.

1-Tambien se debe utilizar porcentaje para indicar en valor de height (largo) ?

2- Cuando le indico el ancho a una imagen directamente en la hoja de html, ahi tambien puedo indicar en porcentajes? o solo se usa dentro de css??

3- si alguien me podria decir donde encuentro una guia o pautas para asegurarme que controlo muy bien el uso de porcentajes.

Gracias de antemano por su tiempo y gracias a esta web!

[daleska]

tatur si tu deseas puedes utilizar los dos ya sea porcentajes o pixeles no hay ningun problema

[Sommy]

Tatur como andas?

Los porcentajes son solo de CSS, no pueden usarse por ejemplo en imagenes... El html solo maneja pixeles, por eso no se especifica "px" como en CSS.

1)El % se puede usar para cualquier cosa, tamaños de tipogradias, anchos, altos, margenes, paddings, indents...
2)No, salvo que uses CSS sobre la imagen

Código HTML:

<img style="width:100%" ... /> 

3)siempre van a estar bien si los usas en css, solo asegurate de que te sirva y tengas la necesidad...

Saludos!

[zutzu]

Iniciado por Sommy

Tatur como andas?

Los porcentajes son solo de CSS, no pueden usarse por ejemplo en imagenes... El html solo maneja pixeles, por eso no se especifica "px" como en CSS.

1)El % se puede usar para cualquier cosa, tamaños de tipogradias, anchos, altos, margenes, paddings, indents...
2)No, salvo que uses CSS sobre la imagen

Código HTML:

<img style="width:100%" ... /> 

3)siempre van a estar bien si los usas en css, solo asegurate de que te sirva y tengas la necesidad...

Saludos!

Entonces dices que esto no es valido?

Código:

<img width="100%" src="" alt="" />

[Shawty]

Buenas a todos,

Yo no soy partidario de porcentajes (%). En mi experiencia siempre que se tenga un buen diseño lo mejor siempre me ha resultado ponerlo todo en px.

De todas formas no voy a negar que para centrar un texto en un div (quien dice texto dice img...) más de una vez he creado una capa con 100% + text-align center.

Resumiendo... no suelo usar % pero siempre hay excepciones :P


A lo que pregunta zutzu de si se puede poner % en una img, sí que se puede. y poner en pixels también. Tu puedes forzar una imagen a que sea del tamaño que tu quieras pero ojo... si le cambias el width i el height es bastante provable que se te deforme :P

Recomiendo para cada diseño utilizar las img's en su tamaño exacto para evitar tener que hacer estos cambios en su tamaño desde el código.


Ahí queda mi opinión, saludos!

[rvn87]

Iniciado por tatur2d2

1-Tambien se debe utilizar porcentaje para indicar en valor de height (largo) ?

Esto no funciona.

Iniciado por tatur2d2

2- Cuando le indico el ancho a una imagen directamente en la hoja de html, ahi tambien puedo indicar en porcentajes? o solo se usa dentro de css??

A un tag img se le puede poner porcentaje (<img width="100%"...).

Iniciado por tatur2d2

3- si alguien me podria decir donde encuentro una guia o pautas para asegurarme que controlo muy bien el uso de porcentajes.

Los widths en % son un riesgo en IE, sobretodo el maldito 6, mejor si puedes evitarlo.

[alexk]

Q=tatur2d2

1-Tambien se debe utilizar porcentaje para indicar en valor de height (largo) ?

R=rvn87

Esto no funciona.

seguro?

Q=rvn87

A un tag img se le puede poner porcentaje (<img width="100%"...).

R= YO
Sip

rvn87

Los widths en % son un riesgo en IE, sobretodo el maldito 6, mejor si puedes evitarlo.

lo mismo que en medidas fijas, si se hace de la manera correcta no tendras problemas :)

tatur2d2
en las faqs tienes muchos ejemplos de diseños fluidos en CSS

[rvn87]

Iniciado por alexk

seguro?

Ahora me dirás que puedes ponerle a un div un height 100% y te llegara hasta abajo? Pq si es así aplaudo desnudo en la plaza de toros de mi pueblo.

Iniciado por alexk

lo mismo que en medidas fijas, si se hace de la manera correcta no tendras problemas :)

Discrepo, hay cosas llamadas paddings y margins que pueden hacer causar estos problemas de widths, así que por muy correctos que los tengas (los widths) se pueden desmoronar por otros estilos.

PD: lo de <img width="100%" es una afirmación no una pregunta.

[alexk]

Ahora me dirás que puedes ponerle a un div un height 100% y te llegara hasta abajo? Pq si es así aplaudo desnudo en la plaza de toros de mi pueblo.

son unidades relativas por lo tanto si los contenedores padre tienen altura al 100% a los hijos declarados con el mismo valor lo tendran tambien

Discrepo, hay cosas llamadas paddings y margins que pueden hacer causar estos problemas de widths, así que por muy correctos que los tengas (los widths) se pueden desmoronar por otros estilos.

aplicando los correctos haslayout no hay problemas

http://librosweb.es/