CSS - ajustar div en la parte inferior de pantalla

 
Vista:

ajustar div en la parte inferior de pantalla

Publicado por huber (2 intervenciones) el 10/07/2015 05:43:19
buenas tardes tengo una duda como podria posicionar la barra de mi pagina donde estan las ciudades como el de esta pagina http://www.perumachupicchutreks.com/ mi pagina es esta http://www.peruincaworld.com/ y ademas que se ajuste al tamaño de pantalla o resolucion cualquiera gracias de antemano
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
-1
Responder
Imágen de perfil de Angel Komander
Val: 2
Ha aumentado su posición en 13 puestos en CSS (en relación al último mes)
Gráfica de CSS

ajustar div en la parte inferior de pantalla

Publicado por Angel Komander (54 intervenciones) el 10/07/2015 14:57:13
amigo esto no se te hara solo mucho menos la adaptacion de tamaño de la pagina, son codigos tambn, no es automatico con solo poner una Palabra jejeje xD

si quieres todo lo que pides pagale a alguien por que te lo haga ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

ajustar div en la parte inferior de pantalla

Publicado por huber (2 intervenciones) el 11/07/2015 23:32:41
en realidad no quiero saber el codigo si no la logica como funciona o algun principio, lo demas puedo hacerlo yo mismo tampoco es que no tenga idea de programacion es solo que yo deje de programar hace mas de 10 años asi que tengo idea aunque no estoy actualizado.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Claudio

ajustar div en la parte inferior de pantalla

Publicado por Claudio (7 intervenciones) el 12/07/2015 20:42:14
Prueba lo siguiente:
en el CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
footer{
    height: 10px;
    background-color: #dedede;
    clear: both;
}
.clear{
    clear: both;
}
.txt_copyright{
        width:100%;
        text-align:center;
        font-size:12px;
        font-family: "Tahoma", "Courier New";
        color:#0e0e0e;
        background-color: #dedede;
}

y en el template o index

1
2
3
4
5
6
7
8
9
<div class="clear"></div>
<div>
     <footer>
           <div class="txt_copyright">
                 Copyright &copy; 2015  <a class="color_texto" href="http://www.servpcweb.com" target="_blank"></a>
                 Todos los Derechos Reservados.&nbsp;&nbsp;&nbsp;
           </div>
     </footer>
</div>

Es de esperar que te sirva
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

ajustar div en la parte inferior de pantalla

Publicado por walter (47 intervenciones) el 21/07/2015 17:16:29
para ajustar eñ div al final lo colocas fuera del content y con clear:both lo mantienes abajo.
con respecto a la adaptabilidad debes amprender algo de responsive con media querys.
yo adapto a 320x480, 360x640, 768x1024, portrait y landscape.
puedes ver un ejemplo acá:
http://sonidosdistantes.com.ar/2015/
puedes chequearlo con un emulador responsive como este:
http://mobiletest.me/
o en google crhome apretando F12 y eligiendo el dispositivo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar