Ha position: fixed; be rakok valamit mért nem müködik az automargin?
Figyelt kérdés
Berakom középre margin: 0px auto; val a div#footer-t
Rárakom a position: fixed; -et hogy mindig az aljához szoruljon...
és kitolja odalra...
miért van ez?
Előre is köszi a segitséget
2012. máj. 1. 18:39
1/3 anonim 



válasza:





Mert ha fixed-et használsz akkor az ablak egy bizonyos részére rakod rá fixen az elemet. Ergó nincs viszonyítási alapja sem, hiszen mindentől függetlenül egy fix helyen kell megjelennie az elemnek.
2/3 anonim 



válasza:





de ha így oldod meg:
<div id="container">
<div id="footer">
<p>FOOTER</p>
</div>
</div>
#container {
width: 800px;
margin: 0 auto;
}
#footer {
width: 800px;
position: fixed;
bottom: 0;
}
akkor elvileg középen fog megjelenni, nálam legalábbis ment.
3/3 compactegon 



válasza:





ha a footer a wrapper-en kívül van:
#footer {width:100%; clear:both;}
amennyiben valamelyik doboznak van float-ja, akkor pedig a footer is kövesse.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!