Anything questions related to styling should go in here.
Robbedoesie
Posts: 97 Joined: Thu May 19, 2011 7:37 pm
Location: Enkhuizen, Holland
Post
by Robbedoesie » Tue Jan 24, 2012 7:38 pm
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
jacek
Site Admin
Posts: 3262 Joined: Thu May 05, 2011 1:45 pm
Location: UK
Contact:
Post
by jacek » Sat Jan 28, 2012 10:24 pm
Which bit is the footer ? It looks like it should to me :s
sturekdrf
Posts: 40 Joined: Fri Jun 15, 2012 8:25 pm
Post
by sturekdrf » Sun Jun 17, 2012 2:25 am
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
Post
by xtrapsp » Fri Aug 24, 2012 11:35 pm
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
Post
by Z645 » Sun Sep 02, 2012 12:11 am
If you want a space between the header and footer, make sure the middle has some width/height margins in it.
Helx
Posts: 350 Joined: Thu May 17, 2012 6:45 am
Location: Auckland, New Zealand
Post
by Helx » Wed Sep 26, 2012 5:15 am
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.
EcazS
Posts: 789 Joined: Fri May 06, 2011 5:29 pm
Post
by EcazS » Wed Sep 26, 2012 8:44 am
#footer {
position: absolute;
bottom: 0;
}