Grupo SEO TELEGRAM [Click Aquí]🔥VÍDEO🔥 Motivación Personal para el ÉXITO en los NEGOCIOS ONLINE
Resultados 1 al 6 de 6

Tema: ¿Height auto ajustable segun el monitor?

  1. #1
    pablomaxit está desconectado Registrado
    Rango: Quizás estoy
    haciendo Spam ...

    User Info Menu

    Predeterminado ¿Height auto ajustable segun el monitor?

    Holaaa!
    Les cuento mi problema! Trabajo con librerias de bootstrap y siempre tengo el mismo problema.
    Lo que quiero es que mi sección se acomode sola según el tamaño del monitor en que la esten viendo, si el monitor es más grande que el background gris de mi sección ocupe más espacio hacia abajo ¿Cómo lo soluciono?
    Lo que me poasa es que me queda este espacio en blanco que pertenece al body o al html que los dos tienen el height en %100:

  2. #2
    Avatar de Patriarca
    Patriarca está desconectado David Ayala

    User Info Menu

    Predeterminado

    Cita Iniciado por pablomaxit Ver Mensaje
    Holaaa!
    Les cuento mi problema! Trabajo con librerias de bootstrap y siempre tengo el mismo problema.
    Lo que quiero es que mi sección se acomode sola según el tamaño del monitor en que la esten viendo, si el monitor es más grande que el background gris de mi sección ocupe más espacio hacia abajo ¿Cómo lo soluciono?
    Lo que me poasa es que me queda este espacio en blanco que pertenece al body o al html que los dos tienen el height en %100:
    Si usas position:fixed para el footer quizás se te fije abajo aunque sea de menor tamaño la página. Pruebalo a ver que tal

    David Ayala - Trabajando el SEO y los Negocios Online desde 2003 - Speaker &
    Profesor ~ Sígueme en Twitter ~

  3. #3
    pablomaxit está desconectado Registrado
    Rango: Quizás estoy
    haciendo Spam ...

    User Info Menu

    Predeterminado

    Cita Iniciado por Patriarca Ver Mensaje
    Si usas position:fixed para el footer quizás se te fije abajo aunque sea de menor tamaño la página. Pruebalo a ver que tal
    Hola Patriarca! Me funcionó
    El problema ahora es que al usar "position: fixed;" me desaparece el footer ¿Alguna idea qué puede ser?

  4. #4
    Avatar de Patriarca
    Patriarca está desconectado David Ayala

    User Info Menu

    Predeterminado

    Cita Iniciado por pablomaxit Ver Mensaje
    Hola Patriarca! Me funcionó
    El problema ahora es que al usar "position: fixed;" me desaparece el footer ¿Alguna idea qué puede ser?
    Mmmmm ahí ya sería cuestión de probar posiciones absolutas, relativas y otras propiedades a ver que puede ser.

    David Ayala - Trabajando el SEO y los Negocios Online desde 2003 - Speaker &
    Profesor ~ Sígueme en Twitter ~

  5. #5
    ivanmadrid91 está desconectado Registrado

    User Info Menu

    Predeterminado

    hola que tal, a mi me pasó lo mismo e incluso llegué a desesperarme :P en una web de empresa en la que trabajé pasaba lo mismo, la web no cubría la pantalla completa y el footer nunca se quedaba en la parte más baja. Al final después de mucho probar lo conseguí con este código:

    Teniendo un footer de la siguiente manera:

    <footer id="foot">
    contenido del footer
    </footer>

    Javascript para introducir antes de la etiqueta </head>

    <script>
    $(document).ready(function () {
    var footerHeight = 0,
    footerTop = 0,
    $footer = $("#foot");
    positionFooter();
    function positionFooter() {
    footerHeight = $footer.height();
    footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
    if ( ($("#site-wrapper").height()+footerHeight) < $(window).height()) {
    $footer.css({
    position: "fixed"
    })
    } else {
    $footer.css({
    position: "relative", })
    }
    }
    $(window)
    .scroll(positionFooter)
    .resize(positionFooter)
    });
    </script>

    Con este código fue con el que yo lo solucioné. Ojala te sirva. Un saludo.

  6. #6
    cabohe está desconectado Registrado
    Rango: Quizás estoy
    haciendo Spam ...

    User Info Menu

    Predeterminado

    Buenas

    No es necesario utilizar JS, aquí te dejo un CODEPEN donde muestro como hacer lo que necesitas:

    https://codepen.io/cabohe/pen/yzweZM

    En esencia se trata de tener un contenedor para toda la web que tenga un min-height del tamaño de la pantalla (100vh) y el footer debe estar posicionado en absolute y bottom 0.

    Saludos

Temas Similares

  1. Ayuda: Height 100%
    Por Warlock en el foro Webmasters Porno
    Respuestas: 2
    Último Mensaje: 29/09/2009, 13:13
  2. Qué monitor recomiendan?
    Por ody en el foro General SoyWebmaster
    Respuestas: 9
    Último Mensaje: 15/10/2008, 01:56
  3. Qué monitor recomiendan?
    Por ody en el foro General SoyWebmaster
    Respuestas: 1
    Último Mensaje: 13/10/2008, 23:39
  4. Cómo elegir un monitor. Guía
    Por fr_chute en el foro Webmasters Porno
    Respuestas: 3
    Último Mensaje: 27/02/2008, 19:54
  5. Vendo Monitor LCD ViewSonic VX715
    Por royce en el foro Webs y Dominios
    Respuestas: 3
    Último Mensaje: 16/06/2006, 16:23

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •  

Otros Foros de Interés

Curso SEO - Foro SEO - Foro Programacion - Foro Diseño Web - Intercambio de Enlaces - Negocios por Internet - Como Ganar Dinero - Hosting Gratuito - Foro Apuestas Deportivas

ÚLTIMOS ARTÍCULOS DEL BLOG SEO DE DAVID AYALA

Procrastinar: Qué es y como dejar de hacerlo
Y ahora… ¿Qué hago con los productos sin Stock de un ecommerce?
Las mejores plantillas WordPress para SEO
Tutorial Avanzado de Search Console
Usamos cookies que analizan hábitos de comportamiento y navegación que aceptas al navegar aquí. Política de privacidad | Cookies | Aviso legal