Home/ Questions/Q 8454699
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T12:05:43+00:00

Main markup <body> <div id=contenedor> …. </div> <div class=fLeft> <footer > … </footer> </div>

  • 0

Main markup

<body>
  <div id="contenedor">
      ....
  </div>
  <div class="fLeft"> <footer > ... </footer> </div>
</body>

CSS

body{
}
#contenedor{ float: left; width:100%;}
.fLeft{ float:left }

I guess best way is to firebug the page.. 

http://209.51.221.243/integracion/login.php

As you can see, the footer is above the middle of the page behind the content…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    At first, I thought it might be that you didn’t clear your float. But then I noticed that each floated element is absolutely positioned. By applying position:absolute to an element, you’re ripping it out of the flow of the document. The best way to fix this is to remove position:absolute from your “widgets”, but then your design won’t appear how you currently have it.

    An idea/suggestion to workaround your limitations is to fix the footer to the bottom of the page. Apply the following to <footer>:

    footer {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
}

    You’ll notice that your footer will stay put as you scroll on the page, and that can very possibly be less than ideal, but I can guarantee it’ll stay on the bottom of the page. Otherwise, you’re looking at reworking your styles because of the misuse of some properties.

    • 0