CSS: petit problème de bas de page avec grande barre de défilement horizontale

Question

Je ne peux pas obtenir mon pied de page au travail. Pour une raison quelconque, il donne une barre de défilement à 100% de largeur. J'ai essayé de mettre en œuvre la technique Pied de page Sticky, probb quelque chose a mal tourné: D

Voici le code CSS qui contrôle le pied de page:

.mf{ 
background: #eaeade; 
width: 100%; 
padding-left:100px; 
padding-top:51px; 
padding-bottom:11px; 
position: absolute; 
margin: 0 auto; 
bottom: 0; 
} 

Ceci est le code html:

<div style="background-color:#EAEADE;text-align:center;overflow:hidden;"> 
        <div class='mf'> 
       <div class='home-links-footer' style="color:#8E8E80;"> 
       <a href="index.php">Home</a> | <a href="index.php?option=com_content&view=article&id=14&Itemid=5">Beveel ons aan!</a> | <a href="index.php?option=com_content&view=article&id=4&Itemid=2">Onze Services</a> | <a href="index.php?option=com_content&view=article&id=5&Itemid=3">Laptop Reparatie</a> | <a href="index.php?option=com_content&view=article&id=6&Itemid=4">Onze Tarieven</a> | <a href="index.php?option=com_content&view=article&id=14&Itemid=5">Contact Gegevens</a> | <a href="#">Sitemap</a> 
       </div> 
       <div style="color:#8E8E80;border-bottom:1px dotted;padding-bottom:3px;width:700px;margin:auto;"> 
       Friese Computerservice - 8932 JZ Leeuwarden - <a href="mailto:info@friesecomputerservice.nl" style="text-decoration:none;"><span style="color:#F57F20;font-weight:bold;">info@friesecomputerservice.nl</span></a> - Tel. 058-8446628 Mob. 06-29594595 
      </div> 
     </div> 
    </div> 

Answer 1

Vous doit comprendre que le modèle de boîte CSS considère la "largeur" ​​pour signifier la largeur du contenu de la boîte, pas la taille globale de la boîte. Vous avez donné votre rembourrage de boîte sur la gauche et la droite, de sorte que le rembourrage va être en dehors de la largeur de 100%.

Personnellement, je trouve que c'est un mécanisme extrêmement bizarre avec lequel travailler, mais c'est parti.

Que dois- travail (mais pas dans les anciennes versions IE) est de ne pas mentionner « largeur » et vient de mettre « gauche » et « droite » à 0.