Foros del Web » Creando para Internet » CSS »

Primer sitio web

Estas en el tema de Primer sitio web en el foro de CSS en Foros del Web. Hola! tengo dos consultas. Primero estoy con mi primera web y tengo algunas dudas, como hacer para que el sitio se mantenga igual frente a ...
  #1 (permalink)  
Antiguo 02/06/2011, 13:05
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 5 años, 9 meses
Puntos: 13
Pregunta Primer sitio web

Hola! tengo dos consultas. Primero estoy con mi primera web y tengo algunas dudas, como hacer para que el sitio se mantenga igual frente a cualquier monitor? es decir, cuales serian las medidas típicas para que un sitio quede fijo frente a cualquier resolución? Se trabaja con porcentaje para eso?
Y segundo, sobre este sitio [editado] lo hice con ayuda de una plantilla por eso en el código van a ver que hay mucho sin uso, pero como puedo hacer para que el footer quede fijo abajo, o sea pegado siempre al final del sitio ya sea si tengo o no scroll? Así como el de acá.
Agradezco todas sus respuestas! Saludos y muchas gracias!

Última edición por webosiris; 14/03/2012 a las 11:21 Razón: editado a petición del usuario
  #2 (permalink)  
Antiguo 02/06/2011, 13:23
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 9 meses
Puntos: 1010
Respuesta: Primer sitio web

para tu segunda pregunta, lee este post

en cuanto a la primera, personalmente prefiero maquetar para la resolución 1280. puedes usar unidades relativas, como bien dices, pero el 10% de 860 no es el mismo que el de 1024. otra manera es usar em, otra unidad relativas. pero esto es mas complejo de usar. si recomendación es que valides para una resolución estandar (1024 o 1280)
  #3 (permalink)  
Antiguo 02/06/2011, 13:35
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 5 años, 9 meses
Puntos: 13
Respuesta: Primer sitio web

Gracias IsaBelM! Te molesto si te pido que me mandes el código de la .css de una estructura básica de un sitio, o sea body, contenedor general, menú y footer? O sea cuales serian sus atributos en cuanto a posiciones, siendo el contenedor general centrado y un footer fijo que siempre ocupe de largo toda la pantalla. Te agradecería muchísimo se pudieras hacer eso.
De lo contrario, no pasa nada ;)
Saludos, y gracias nuevamente!
  #4 (permalink)  
Antiguo 02/06/2011, 14:51
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 9 meses
Puntos: 1010
Respuesta: Primer sitio web

usa la de este post, le falta el footer, pero eso ya lo tienes en la liga que te postee anteriormente
  #5 (permalink)  
Antiguo 02/06/2011, 18:31
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 5 años, 9 meses
Puntos: 13
Respuesta: Primer sitio web

Gracias otra vez. Una ultima consulta y espero no molestarte mas.. En ese código que me dijiste que me servia, a que se refiere con #menu li, #menu ul y #menu, es decir que es li, ul? Porque hay tres menu?? Gracias! :)
  #6 (permalink)  
Antiguo 02/06/2011, 20:15
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 8 años, 4 meses
Puntos: 66
Respuesta: Primer sitio web

hola rapuig, creo que necesitas documentarte de lo que es css, html y bueno diseño y programacion web en general. aca hay libros bastante interesantes con los que muchos de nosotros hemos iniciado

http://www.librosweb.es/
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #7 (permalink)  
Antiguo 03/06/2011, 07:10
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 9 meses
Puntos: 1010
Respuesta: Primer sitio web

lee sobre los selectores de id y sobre los selectores contextuales (selector hijo)

aunque lo mejor sería que empezases de cero. un buen comienzo es empezar por los manuales que te indica @tredio
  #8 (permalink)  
Antiguo 03/06/2011, 17:34
 
Fecha de Ingreso: junio-2011
Mensajes: 477
Antigüedad: 5 años, 9 meses
Puntos: 13
Respuesta: Primer sitio web

Muchas gracias [email protected]!! La verdad me sirvió de mucho leer el libro, obviamente todo no me quedo claro, pero pude hacer varias cosas nuevas. Con lo que si no pude fue con el footer, no logro que quede siempre abajo :/
Saludos! :D
  #9 (permalink)  
Antiguo 04/06/2011, 06:01
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 9 meses
Puntos: 1010
Respuesta: Primer sitio web

lee este articulo
  #10 (permalink)  
Antiguo 04/06/2011, 06:18
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 6 años, 3 meses
Puntos: 13
Respuesta: Primer sitio web

Yo también tuve problemas con el footer. Puede que tengas el mismo Posicionar footer.
  #11 (permalink)  
Antiguo 04/06/2011, 07:28
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 9 meses
Puntos: 1010
Respuesta: Primer sitio web

Cita:
Iniciado por Ventru3 Ver Mensaje
Yo también tuve problemas con el footer. Puede que tengas el mismo Posicionar footer.
tu liga y mi liga, al final le lleva a lo mismo
  #12 (permalink)  
Antiguo 04/06/2011, 07:48
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 6 años, 3 meses
Puntos: 13
Respuesta: Primer sitio web

Cita:
Iniciado por IsaBelM Ver Mensaje
tu liga y mi liga, al final le lleva a lo mismo
Pero en el mio expongo el porque de mi problema y la solución

Aun que sigo sin entender el porque.
  #13 (permalink)  
Antiguo 04/06/2011, 08:03
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 9 meses
Puntos: 1010
Respuesta: Primer sitio web

Cita:
Iniciado por Ventru3 Ver Mensaje
Pero en el mio expongo el porque de mi problema y la solución

Aun que sigo sin entender el porque.
tu problema y su problema no tiene nada que ver. aún no entiendes el porqué de qué??
  #14 (permalink)  
Antiguo 04/06/2011, 08:12
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 6 años, 3 meses
Puntos: 13
Respuesta: Primer sitio web

Cita:
Iniciado por IsaBelM Ver Mensaje
tu problema y su problema no tiene nada que ver. aún no entiendes el porqué de qué??
Why not? No quiere que el footer le quede siempre abajo?

Partiendo de esta estructura.
Código HTML:
Ver original
  1. <div id="wrapper">
  2.  
  3.       <div id="wrap">
  4.            
  5.             <div id="content">
  6.                   <div id="text">
  7.                         <p>Lalalaallala</p>
  8.                   </div>
  9.             </div>
  10.  
  11.       </div>
  12.  
  13. <div id="push"></div>
  14.  
  15. </div>
  16.  
  17. <div id="footer">
  18.       <p>Lalalala</p>
  19. </div>

No entiendo porque si especifico una altura al div content cuando el texto excede una altura determinada (augmento de texto) el footer no es empujado hacia abajo si no que se queda arriba. Tienes las imágenes de lo que te digo en el tema que he puesto antes.

Etiquetas: adaptativo, diseño, footer
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:53.