{"id":616,"date":"2014-08-20T20:21:45","date_gmt":"2014-08-20T20:21:45","guid":{"rendered":"http:\/\/luisrodriguez.pe\/blog\/?p=616"},"modified":"2014-08-20T20:32:52","modified_gmt":"2014-08-20T20:32:52","slug":"el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion","status":"publish","type":"post","link":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/","title":{"rendered":"El footer mantenerlo siempre en la parte de abajo SOLUCION"},"content":{"rendered":"<p>Un t\u00edpico problema que se te puede presentar cuando eres front end que es tener el footer siempre abajo y pueden pasar ahora por tu cabeza la solucion que seguro diras.<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"css\" style=\"font-family:monospace;\">footer<span style=\"color: #00AA00;\">&#123;<\/span> <span style=\"color: #000000; font-weight: bold;\">position<\/span><span style=\"color: #00AA00;\">:<\/span><span style=\"color: #993333;\">fixed<\/span><span style=\"color: #00AA00;\">;<\/span> <span style=\"color: #000000; font-weight: bold;\">bottom<\/span><span style=\"color: #00AA00;\">:<\/span><span style=\"color: #933;\">0px<\/span><span style=\"color: #00AA00;\">&#125;<\/span><\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>Ok esto siempre lo va a tener en la parte de abajo SIEMPRE sin importar si el contenido es mayor al alto del navegador (window) y estaremos con que el contenido es largo pero la footer estara pro encima del contenido siempre manteniendose en el bottom del navegador y dificulta la lectura.<\/p>\n<p><a href=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css.png\"><img fetchpriority=\"high\" decoding=\"async\" src=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-300x172.png\" alt=\"\" title=\"problema de fixed css\" width=\"300\" height=\"172\" class=\"alignnone size-medium wp-image-618\" srcset=\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-300x172.png 300w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-600x346.png 600w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-1024x590.png 1024w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-700x403.png 700w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css.png 1124w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>ahora si lo dejamos en posicion relativo seria la solucion \ud83d\ude00<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"css\" style=\"font-family:monospace;\">footer<span style=\"color: #00AA00;\">&#123;<\/span> <span style=\"color: #000000; font-weight: bold;\">position<\/span><span style=\"color: #00AA00;\">:<\/span><span style=\"color: #993333;\">relative<\/span><span style=\"color: #00AA00;\">;<\/span><span style=\"color: #00AA00;\">&#125;<\/span><\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p><a href=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/footer-posicion-relativa.png\"><img decoding=\"async\" src=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/footer-posicion-relativa-300x174.png\" alt=\"\" title=\"footer posicion relativa\" width=\"300\" height=\"174\" class=\"alignnone size-medium wp-image-619\" srcset=\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/footer-posicion-relativa-300x174.png 300w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/footer-posicion-relativa-600x348.png 600w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/footer-posicion-relativa-1024x594.png 1024w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/footer-posicion-relativa-700x406.png 700w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/footer-posicion-relativa.png 1109w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>pero aqu\u00ed volvemos al problema<\/p>\n<p><a href=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-del-position-relativo.png\"><img decoding=\"async\" src=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-del-position-relativo-300x219.png\" alt=\"\" title=\"problema del position relativo\" width=\"300\" height=\"219\" class=\"alignnone size-medium wp-image-620\" srcset=\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-del-position-relativo-300x219.png 300w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-del-position-relativo-600x439.png 600w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-del-position-relativo-700x512.png 700w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-del-position-relativo.png 864w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>y en el caso de la imagen la soluci\u00f3n seria posicion  fixed y entonces los malos front end pensaran ponerle un css distinto pagina. Navegando trate de buscar soluci\u00f3n encontr\u00e9 varias \u00absoluciones\u00bb pero ninguno me funciono asi que decid\u00ed buscar una soluci\u00f3n por mi cuenta y la encontr\u00e9 y a continuaci\u00f3n lo explico.<\/p>\n<p>en la imagen muestro las diferencias del alto del window y el alto del documento (contenido)<br \/>\n<a href=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/diagrama.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/diagrama-300x163.png\" alt=\"\" title=\"diagrama\" width=\"300\" height=\"163\" class=\"alignnone size-medium wp-image-621\" srcset=\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/diagrama-300x163.png 300w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/diagrama.png 488w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>lo puedes descargar de github el script js<br \/>\n<a href=\"https:\/\/github.com\/luizrodriguez\/Footer-Bottom-0px\/blob\/master\/FooterBottom0.js\">https:\/\/github.com\/luizrodriguez\/Footer-Bottom-0px\/blob\/master\/FooterBottom0.js<\/a><\/p>\n<p>en el codigo esta la explicacion de cada linea.<br \/>\n<code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"javascript\" style=\"font-family:monospace;\"> footer <span style=\"color: #339933;\">=<\/span> <span style=\"color: #000066; font-weight: bold;\">function<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #009900;\">&#123;<\/span> \n     <span style=\"color: #006600; font-style: italic;\">\/*el alto que tiene el navegador*\/<\/span>\n     $alto_navegador<span style=\"color: #339933;\">=<\/span> $<span style=\"color: #009900;\">&#40;<\/span>window<span style=\"color: #009900;\">&#41;<\/span>.<span style=\"color: #660066;\">height<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span>\n     <span style=\"color: #006600; font-style: italic;\">\/*el alto que tiene el contenido de la pagina*\/<\/span>\n     $alto_documento<span style=\"color: #339933;\">=<\/span> $<span style=\"color: #009900;\">&#40;<\/span>document<span style=\"color: #009900;\">&#41;<\/span>.<span style=\"color: #660066;\">height<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span> \n     <span style=\"color: #006600; font-style: italic;\">\/*  aqui condicionamos si el alto del contenido \n      *  es mayor que\n      *  el alto del navegador*\/<\/span>\n     <span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>$alto_documento<span style=\"color: #339933;\">&gt;<\/span>$alto_navegador<span style=\"color: #009900;\">&#41;<\/span>\n     <span style=\"color: #009900;\">&#123;<\/span>\n         <span style=\"color: #006600; font-style: italic;\">\/* si es mayor es que tiene un contenido mas \n          * largo que el alto del navegador y entonces lo dejamos a relativo*\/<\/span>\n         $<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #3366CC;\">&quot;footer&quot;<\/span><span style=\"color: #009900;\">&#41;<\/span>.<span style=\"color: #660066;\">css<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#123;<\/span><span style=\"color: #3366CC;\">&quot;position&quot;<\/span><span style=\"color: #339933;\">:<\/span><span style=\"color: #3366CC;\">&quot;relative&quot;<\/span><span style=\"color: #009900;\">&#125;<\/span><span style=\"color: #009900;\">&#41;<\/span>\n         console.<span style=\"color: #660066;\">log<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #3366CC;\">&quot;relative&quot;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span>\n     <span style=\"color: #009900;\">&#125;<\/span>\n     <span style=\"color: #000066; font-weight: bold;\">else<\/span>\n     <span style=\"color: #009900;\">&#123;<\/span>\n         <span style=\"color: #006600; font-style: italic;\">\/* si el alto del contenido es menor que el alto del navegador es que\n          * tenemos espacio vacio y le mandamos abajo*\/<\/span>\n         $<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #3366CC;\">&quot;footer&quot;<\/span><span style=\"color: #009900;\">&#41;<\/span>.<span style=\"color: #660066;\">css<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#123;<\/span><span style=\"color: #3366CC;\">&quot;position&quot;<\/span><span style=\"color: #339933;\">:<\/span><span style=\"color: #3366CC;\">&quot;fixed&quot;<\/span><span style=\"color: #009900;\">&#125;<\/span><span style=\"color: #009900;\">&#41;<\/span>\n         console.<span style=\"color: #660066;\">log<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #3366CC;\">&quot;fixed&quot;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span>\n     <span style=\"color: #009900;\">&#125;<\/span> \n&nbsp;\n <span style=\"color: #009900;\">&#125;<\/span>\n footer<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>Nota: como somos pro y usamos html5 deben tener en cuenta que el script busca la etiqueta footer para ubicarlo en el bottom 0 <\/p>\n","protected":false},"excerpt":{"rendered":"Un t\u00edpico problema que se te puede presentar cuando eres front end que es tener el footer siempre abajo y pueden pasar ahora por tu cabeza la solucion que seguro diras. footer&#123; position:fixed; bottom:0px&#125; Ok esto siempre lo va a tener en la parte de abajo SIEMPRE sin importar si el contenido es mayor al[&#8230;]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[56,17,57],"class_list":["post-616","post","type-post","status-publish","format-standard","hentry","category-notas","tag-footer","tag-jquery-2","tag-solucion"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>El footer mantenerlo siempre en la parte de abajo SOLUCION - Blog Luis Rodriguez<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"El footer mantenerlo siempre en la parte de abajo SOLUCION - Blog Luis Rodriguez\" \/>\n<meta property=\"og:description\" content=\"Un t\u00edpico problema que se te puede presentar cuando eres front end que es tener el footer siempre abajo y pueden pasar ahora por tu cabeza la solucion que seguro diras. footer&#123; position:fixed; bottom:0px&#125; Ok esto siempre lo va a tener en la parte de abajo SIEMPRE sin importar si el contenido es mayor al[...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Luis Rodriguez\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/luisrodriguez.pe\" \/>\n<meta property=\"article:published_time\" content=\"2014-08-20T20:21:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-20T20:32:52+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-300x172.png\" \/>\n<meta name=\"author\" content=\"Luis Rodriguez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@luizmirodriguez\" \/>\n<meta name=\"twitter:site\" content=\"@luizmirodriguez\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Luis Rodriguez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/\"},\"author\":{\"name\":\"Luis Rodriguez\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\"},\"headline\":\"El footer mantenerlo siempre en la parte de abajo SOLUCION\",\"datePublished\":\"2014-08-20T20:21:45+00:00\",\"dateModified\":\"2014-08-20T20:32:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/\"},\"wordCount\":233,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-300x172.png\",\"keywords\":[\"footer\",\"jquery\",\"solucion\"],\"articleSection\":[\"Notas\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/\",\"url\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/\",\"name\":\"El footer mantenerlo siempre en la parte de abajo SOLUCION - Blog Luis Rodriguez\",\"isPartOf\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-300x172.png\",\"datePublished\":\"2014-08-20T20:21:45+00:00\",\"dateModified\":\"2014-08-20T20:32:52+00:00\",\"author\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\"},\"breadcrumb\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#primaryimage\",\"url\":\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css.png\",\"contentUrl\":\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css.png\",\"width\":1124,\"height\":648},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/luisrodriguez.pe\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"El footer mantenerlo siempre en la parte de abajo SOLUCION\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#website\",\"url\":\"https:\/\/luisrodriguez.pe\/blog\/\",\"name\":\"Blog Luis Rodriguez\",\"description\":\"Analytics Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/luisrodriguez.pe\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\",\"name\":\"Luis Rodriguez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"caption\":\"Luis Rodriguez\"},\"description\":\"Hola, Soy Luis Rodriguez, radico en Lima \u2013 Per\u00fa, formado en una carrera inform\u00e1tica, desempe\u00f1ando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi inter\u00e9s en la Anal\u00edtica Web me ayud\u00f3 mucho entender el funcionamiento interno de las herramientas de anal\u00edtica, con las que vengo trabajo activamente desde 2017. Linkedin\",\"sameAs\":[\"http:\/\/luisrodriguez.pe\"],\"url\":\"https:\/\/luisrodriguez.pe\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"El footer mantenerlo siempre en la parte de abajo SOLUCION - Blog Luis Rodriguez","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/","og_locale":"es_ES","og_type":"article","og_title":"El footer mantenerlo siempre en la parte de abajo SOLUCION - Blog Luis Rodriguez","og_description":"Un t\u00edpico problema que se te puede presentar cuando eres front end que es tener el footer siempre abajo y pueden pasar ahora por tu cabeza la solucion que seguro diras. footer&#123; position:fixed; bottom:0px&#125; Ok esto siempre lo va a tener en la parte de abajo SIEMPRE sin importar si el contenido es mayor al[...]","og_url":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/","og_site_name":"Blog Luis Rodriguez","article_publisher":"https:\/\/www.facebook.com\/luisrodriguez.pe","article_published_time":"2014-08-20T20:21:45+00:00","article_modified_time":"2014-08-20T20:32:52+00:00","og_image":[{"url":"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-300x172.png","type":"","width":"","height":""}],"author":"Luis Rodriguez","twitter_card":"summary_large_image","twitter_creator":"@luizmirodriguez","twitter_site":"@luizmirodriguez","twitter_misc":{"Escrito por":"Luis Rodriguez","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#article","isPartOf":{"@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/"},"author":{"name":"Luis Rodriguez","@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c"},"headline":"El footer mantenerlo siempre en la parte de abajo SOLUCION","datePublished":"2014-08-20T20:21:45+00:00","dateModified":"2014-08-20T20:32:52+00:00","mainEntityOfPage":{"@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/"},"wordCount":233,"commentCount":0,"image":{"@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#primaryimage"},"thumbnailUrl":"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-300x172.png","keywords":["footer","jquery","solucion"],"articleSection":["Notas"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/","url":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/","name":"El footer mantenerlo siempre en la parte de abajo SOLUCION - Blog Luis Rodriguez","isPartOf":{"@id":"https:\/\/luisrodriguez.pe\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#primaryimage"},"image":{"@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#primaryimage"},"thumbnailUrl":"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css-300x172.png","datePublished":"2014-08-20T20:21:45+00:00","dateModified":"2014-08-20T20:32:52+00:00","author":{"@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c"},"breadcrumb":{"@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#primaryimage","url":"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css.png","contentUrl":"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/08\/problema-de-fixed-css.png","width":1124,"height":648},{"@type":"BreadcrumbList","@id":"https:\/\/luisrodriguez.pe\/blog\/el-footer-mantenerlo-siempre-en-la-parte-de-abajo-solucion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/luisrodriguez.pe\/blog\/"},{"@type":"ListItem","position":2,"name":"El footer mantenerlo siempre en la parte de abajo SOLUCION"}]},{"@type":"WebSite","@id":"https:\/\/luisrodriguez.pe\/blog\/#website","url":"https:\/\/luisrodriguez.pe\/blog\/","name":"Blog Luis Rodriguez","description":"Analytics Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/luisrodriguez.pe\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c","name":"Luis Rodriguez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","caption":"Luis Rodriguez"},"description":"Hola, Soy Luis Rodriguez, radico en Lima \u2013 Per\u00fa, formado en una carrera inform\u00e1tica, desempe\u00f1ando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi inter\u00e9s en la Anal\u00edtica Web me ayud\u00f3 mucho entender el funcionamiento interno de las herramientas de anal\u00edtica, con las que vengo trabajo activamente desde 2017. Linkedin","sameAs":["http:\/\/luisrodriguez.pe"],"url":"https:\/\/luisrodriguez.pe\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/comments?post=616"}],"version-history":[{"count":4,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/616\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/616\/revisions\/624"}],"wp:attachment":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/media?parent=616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/categories?post=616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/tags?post=616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}