Pagina 1 din 1
Footer si Header Fix sa nu mai apara peste continut
Scris: Mar Mar 01, 2016
de LOL
Salut ! Ce ar trebuii sa modific la footer ca sa nu mai apara peste continutul paginii ?
Cod: Selectaţi tot
#footer1 {
position:fixed;
bottom:0;
width:100%;
background:#222;
height:50px;
left:0;
right:0;
margin:0 auto;
border:1px solid #333;
padding:8px 5px;
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
box-shadow:0 0 3px rgba(0,0,0,.6);
-moz-box-shadow:0 0 3px rgba(0,0,0,.6);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.6)
}
#footer1 p {
text-align:left;
font-size:11px;
margin-top:25px
}
#footer1 p.right {
text-align:right
}
As vrea ca footerul sa ramana fix. Dar sa nu mai acopere din continutul paginii.
Footer si Header Fix sa nu mai apara peste continut
Scris: Mar Mar 01, 2016
de MarPlo
Daca vrei sa ramana fix, si sa nu fie peste continut, trebuie sa modifici setarile de la continut.
Incearca asa, sa pui padding in partea de jos a paginii cat e inaltimea la footer:
Footer Fix sa nu mai apara peste continut in pagina
Scris: Mar Mar 01, 2016
de LOL
REZOLVAT ! Mersi mult
Ca sa fac la fel cu header-ul ce trebuie sa adaug ?
Footer si Header Fix sa nu mai apara peste continut
Scris: Mar Mar 01, 2016
de MarPlo
Daca header-ul e setat fix; si sa nu fie peste continut, pune padding sus la body (cat inaltimea header-ului), ca sa impinga mai jos continutul care nu e fix.
Cod: Selectaţi tot
body {
padding-bottom:50px;
padding-top:60px;
}
Footer si Header Fix sa nu mai apara peste continut
Scris: Mar Mar 01, 2016
de LOL
Uite cum apare acum... ->
s10.postimg.org/8n976gdqh/dsdsdsdsd.png
CSS de la header:
Cod: Selectaţi tot
#header {
position:fixed;
width:100%;
background:#222;
height:90px;
left:0;
right:0;
margin:0 auto;
border:1px solid #333;
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
box-shadow:0 0 3px rgba(0,0,0,.6);
-moz-box-shadow:0 0 3px rgba(0,0,0,.6);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.6)
}
#header-inner {
padding:37px 20px
}
Footer si Header Fix sa nu mai apara peste continut
Scris: Mie Mar 02, 2016
de MarPlo
Cred ca acel #header vrea si: top:0; la setarile css.