Hello,
my footer moved from the bottom of the page to the top of the page. I don't know when or how but more worse, i can't get the footer back to the bottom of the page.
My website is http://www.robcnossen.nl/uploads/gallery.php.
My css styles is;
[syntax=css]body{
height:100%;
margin: 0;
padding: 0;
color: #999;
background: #000;
font-family: arial, sans-serif;
}
#wrap{
min-height: 100%;
}
#sidebarleft{
border-top: solid 1px #404040;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
padding: 0 auto;
position:absolute;
margin:10px 0 100px 0;
left:8px;
width: 175px;
height:100%;
overflow:hidden;
float: left;
background-color: #171717;
}
#sidebarleft img{
position:relative;
margin: 8px 5px 8px 5px;
padding: 0px;
border:1px solid #999;
}
#sidebarleft img:hover{
border:2px solid #CCC;
}
#image {
padding-bottom: 10px;
width: 100%;
float: left;
position:fixed;
margin-left:30%;
top:20%;
border:none;
}
#image img {
width: 50%;
border:none;
}
#caption{
width: 50%;
float: right;
position:fixed;
margin-left:0;
margin-bottom:0;
color:#999;
clear:both;
}
#footer{
position:absolute;
margin-top: -10px;
height: 10px;
clear:both;
left:50%;
}
<!--[if IE]>
<link rel="stylesheet" type="text/css" />
#caption{
}
<![endif]-->[/syntax]
Hope somebody can help me.
Thanks,
Robbedoesie
Footer looks like header
- Robbedoesie
- Posts: 97
- Joined: Thu May 19, 2011 7:37 pm
- Location: Enkhuizen, Holland
Re: Footer looks like header
I would say its how you are using your position, did you try adding bottom to it?
Re: Footer looks like header
http://prntscr.com/ecogz
It's because of the way your positioning it. Try changing the position from absolute to something else
It's because of the way your positioning it. Try changing the position from absolute to something else
Re: Footer looks like header
If you want a space between the header and footer, make sure the middle has some width/height margins in it.
Re: Footer looks like header
I think the best thing to use in this case is Bootstrap
I always turn to it when I can't figure out what I'm doing wrong.
I always turn to it when I can't figure out what I'm doing wrong.
Re: Footer looks like header
[syntax=css]
#footer {
position: absolute;
bottom: 0;
}
[/syntax]
#footer {
position: absolute;
bottom: 0;
}
[/syntax]