Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Hey, I'm working on a web page that needs the footer to be locked to the bottom of the browser no matter in what resolution you are viewing it. How can I do that in CSS?
-
yep...
I'm using a similar method for CSS Beauty.
http://www.themaninblue.com/experiment/footerStickAlt/ -
That's a nice technique.
-
I still can't get my footer to stick in firefox, can someone please help.
http://astatichosting.5gigs.com/test/footer.php -
I believe you need to give your "container" div a min-height: 100%;
#container {
margin: 0 15%;
background: #FFF url(img/container_bg.jpg);
border-left: solid 8px #000;
border-right: solid 8px #000;
border-bottom: solid 8px #000;
min-height: 100%;
} -
thank you, but do you know how I could align the image to go to the right in firefox? I can't get the bottom nor the top to align right. Also is there a way to make the extra space be in the container instead of the footer like in explorer for firefox?
-
This is what I would do to align the navigation images to the right. Just add the first 3 lines of code into your exisiting #navigation ul.
#navigation ul {
position: absolute;
top: 0px;
right: 0px;
width: 304px;
height: 20px;
background-image: url(img/nav_bg.gif);
list-style: none;
padding: 0;
margin: 0 auto;
text-align: right;
}
1 to 8 of 8