Comunidad de diseño web y desarrollo en internet online

Como maquetar correctamente con divs

Citar            
MensajeEscrito el 14 Ago 2012 08:57 pm
Buenas, nuevamente yo aqui :)
Tengo un problema para maquetar, tengo la siguiente duda, hay muchos tipos de divs(posicion absoluta, fixed, relativa, estatica), y tengo las siguientes dudas.
Agradeceria si me respondieran estas preguntas?
Puedo poner un div de posicion absoluta dentro de un div de posicion relativa?
Puedo poner un div de posicion absoluta dentro de un div de posicion estatica?
Puedo poner un div de posicion relativa dentro de un div de posicion estatica?
Puedo poner un div de posicion estatica dentro de un div de posicion relativa?

y la ultima puedo poner un div en este ordeN
Div Pos.Estatica >> Div Pos.Relativa >>Div Pos.Absoluta
Osea puedo poner un div de PA dentro de uno de PR y este dentro de uno de PE

Ojala no suene confuso, espero sus respuestas Gracias de Antemano..Bendiciones.. :)

Por talentocomputo

38 de clabLevel



 

chrome
Citar            
MensajeEscrito el 15 Ago 2012 05:35 pm

talentocomputo escribió:

Puedo poner un div de posicion absoluta dentro de un div de posicion relativa?

Sí, de hecho el div con position: absolute, no funcionará si no está dentro de un elemento con position: relative (no necesariamente otro div).

talentocomputo escribió:

Puedo poner un div de posicion absoluta dentro de un div de posicion estatica?

Sí, puedes. Pero como dije anteriormente, el position: absolute no tendrá ningún efecto a menos que previmanente haya un elemento con position: relative.

talentocomputo escribió:

Puedo poner un div de posicion relativa dentro de un div de posicion estatica?

Sí, claro. El tag <hml> es por omisión estático, así que...

talentocomputo escribió:

Puedo poner un div de posicion estatica dentro de un div de posicion relativa?

Sí, puedes.

talentocomputo escribió:

y la ultima puedo poner un div en este ordeN
Div Pos.Estatica >> Div Pos.Relativa >>Div Pos.Absoluta
Osea puedo poner un div de PA dentro de uno de PR y este dentro de uno de PE

Yep, afirmativo.
Saludos,

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 16 Ago 2012 08:59 pm
Muchas Gracias DriverOp por tomarte el tiempo de contestarme y despejarme dudas, aveces me asombro como soy nuevo en como pueden maquetar una web poniendo todo en su lugar....tenes algun tuto sobre maquetacion..si al tienes te lo agradeceria k me loo compartieras, Muchas gracias men cdte
Saludos...

Por talentocomputo

38 de clabLevel



 

chrome
Citar            
MensajeEscrito el 17 Ago 2012 06:12 am
De hecho un elemento de posición absoluta funciona en relación con un miembro padre que sea de posición distinta a estática. No necesariamente tiene que ser relativa.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 19 Ago 2012 07:10 am
Me atrevería incluso a decir que no hay distintos tipos de div, sino un tipo de div llamado div.
Partiendo de mi atrevimiento llegamos a la propiedad CSS "position", y voy a explicar para que sirve cada una:
-static: es la posición por defecto de casi todas las etiquetas, que crea un flujo de elementos, es decir que uno va debajo del otro en una página. No podemos cambiarle las propiedades de posicion, como top, left...
-absolute: esta propiedad hace que nuestra etiqueta pueda estar en cualquier sitio dándole las coordenadas con top, left... y si lo tenemos dentro de un div normal y corriente con posición static la posición que le demos sera respecto al principio de la pantalla, es decir: la esquina de arriba a la izquiera.
.fixed: es igual que la absolute, pero al hacer scroll no se mueve de su sitio.
-relative: es como static pero nos permite ponerle coordenadas de posicion como right, bottom... y además automáticamente son las coordenadas principales de divs que tenga dentro con posición absoluta.

Por pedro-vk

Claber

423 de clabLevel

5 tutoriales

Genero:Masculino  

Diseñador y Desarrollador Web

chrome
Citar            
MensajeEscrito el 20 Ago 2012 07:57 pm
Gracias por aclararme mas el tema amigos muchas gracia :)
Yo maqueto desde 0 cada web que me toca que consejo me darian para no perder tiempo, hay alguna herramienta o algo que ayude

Por talentocomputo

38 de clabLevel



 

chrome
Citar            
MensajeEscrito el 22 Ago 2012 06:15 am
Hay un montón de herramientas que puedes usar para comenzar a trabajar, dependiendo de tus conocimientos. Uno muy popular es HTML5Boilerplate -un clásico-, otros dos también muy interesantes son Bootstrap y Foundation, pero hay cientos de frameworks, boilerplates y herramientas pululando en la web. Es cosa de mirar y ver qué se adapta mejor a lo que quieres hacer

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox

   Página 1 de 1

 

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