Foros Club Delphi

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)
-   HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)
-   -   Problemas con el responsive web design (https://www.clubdelphi.com/foros/showthread.php?t=84867)

elsamurai 18-12-2013 05:57:12

Problemas con el responsive web design
 
Hola a todos mis amigos programadores,estoy terminando de crear mi pagina web,y para eso estoy creando codigos css usando las tecnicas del diseño web auto ajustable, mi pagina se ve bien en mi navegador(firefox) y ya cree el codigo para una pantalla mas pequeña en este caso 1024px, pero sucede el siguiente caso,al insertar el codigo para un tamaño mas grande ejemplo 1400px,el codigo de 1024 px deja de funcionar,y me pasa lo mismo con otros tamaños,como soy nuevo con este tipo de cosas me gustaria saber cual podria ser el problema,a continuacion le agrego los codigos que tengo
aqui estoy declarando el media query para el tamaño de 1024px
Código:

/*--------------------------------------------comienzo del responsive disign------------------------------------------------------------------------------------------*/
/*----------------------------------1024x600----------------------------------------------------------*/
@media (max-width:1024px){
    .logo{
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 0;
}
body{
    width: 1000px;
}
section{
    width: 1000px;
}
.slogan{
    color: #fff;
    font-size: 14px;
  margin-top: 2px;
  margin-left: 50px;
}
#cuerpo{
    height: auto;
}
}

en este estoy declarando el codigo para tamaño de 1400px
Código:

/*----------------------------------1440x900----------------------------------------------------------*/
@media (max-width:1440px){
 
#sobrenosotros{
    width: 260px;
    height: auto;
 
    float: left;
   
}
#paginasamigas{
    width: 300px;
    height: auto;
   
    float: left;
   
}
#redesociales{
    width: 350px;
    height: auto;
 
  float: left;
 
}
#contacto{
    width: 350px;
    height: auto;
 
    float: left;
   
}
.titulopie{
    font-size: 25px;
    color: #00a0f0;
    margin: 50px 30px 0 20px;
}
.sobrenosotros{
    margin: 0 30px 5px 15px;
}
}

ya para esta etapa el primer codigo me dejo de funcionar,espero que alguien me pueda ayudar a resolver mi problema.

mamcx 18-12-2013 17:03:00

Te ahorraras trabajo si usas http://getbootstrap.com/ o http://foundation.zurb.com/

elsamurai 18-12-2013 19:01:17

Gracias
 
gracias por responderme,nunca he trabajado con ningun framwork,podrias pasarme algunos libros o tutoriales sobre foundation?


La franja horaria es GMT +2. Ahora son las 23:19:17.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi