Footer looks like header

Anything questions related to styling should go in here.
Post Reply
User avatar
Robbedoesie
Posts: 97
Joined: Thu May 19, 2011 7:37 pm
Location: Enkhuizen, Holland

Footer looks like header

Post by Robbedoesie »

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;
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]-->
Hope somebody can help me.
Thanks,
Robbedoesie
User avatar
jacek
Site Admin
Posts: 3262
Joined: Thu May 05, 2011 1:45 pm
Location: UK
Contact:

Re: Footer looks like header

Post by jacek »

Which bit is the footer ? It looks like it should to me :s
Image
sturekdrf
Posts: 40
Joined: Fri Jun 15, 2012 8:25 pm

Re: Footer looks like header

Post by sturekdrf »

I would say its how you are using your position, did you try adding bottom to it?
xtrapsp
Posts: 4
Joined: Fri Aug 24, 2012 11:23 pm

Re: Footer looks like header

Post by xtrapsp »

http://prntscr.com/ecogz

It's because of the way your positioning it. Try changing the position from absolute to something else
Z645
Posts: 33
Joined: Thu Jul 26, 2012 5:08 pm

Re: Footer looks like header

Post by Z645 »

If you want a space between the header and footer, make sure the middle has some width/height margins in it.
User avatar
Helx
Posts: 350
Joined: Thu May 17, 2012 6:45 am
Location: Auckland, New Zealand

Re: Footer looks like header

Post by Helx »

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.
User avatar
EcazS
Posts: 789
Joined: Fri May 06, 2011 5:29 pm

Re: Footer looks like header

Post by EcazS »

#footer {
    position: absolute;
    bottom: 0;
}
Post Reply