Hello Everyone--
I am making a new layout for my person site and Need a bit of help.
How can i align the banner all the way to the top and the footer all the way to the bottom?
Website Here (<!-- m --><a class="postlink" href="http://aw2.firewebx.com/neczy/index2.html">http://aw2.firewebx.com/neczy/index2.html</a><!-- m -->)Well I kinda like it the way it is (it looks like you did it on purpose
), but try getting rid of the browser default margin and padding on the body tag:body {
background: #3E6188 url(<!-- m --><a class="postlink" href="http://aw2.firewebx.com/neczy/images/background2.gif">http://aw2.firewebx.com/neczy/images/background2.gif</a><!-- m -->) repeat-y 50% 0;
border: 0;
font-family: verdana, "Times New Roman", Times, serif;
color: #000000;
margin:0;
padding:0;
}Also, why don't you put your navigation after the main content area? Then people with screen readers don't have to sit through ahaving a list of links read to them every time they visit a page on your site.
Here's (<!-- m --><a class="postlink" href="http://www.ryanbrill.com/floats.htm">http://www.ryanbrill.com/floats.htm</a><!-- m -->) a nifty little work around for it.I'm with LL I kinda like it the way it lays now.Its starting to grow on me, and its not that noticable so it stays
hmm ok, its really bothering me now- How would you fix it? Out of curiousities sake.What exactly are we talkin' about here? What needs fixing?Well I posted a possible solution, have you tried that out yet?yeah i tried it-- it didnt do anything.Well now I'm getting a 404 on your site so I can't suggest anything else right now.oops, so sorry, i was just adjusting my files and I forgot to update the link--
Here (<!-- m --><a class="postlink" href="http://aw2.firewebx.com/index.html">http://aw2.firewebx.com/index.html</a><!-- m -->)
Sorry about that, and thanks for your help
Your container has a 10px margin all the way around and then at the sides it is over-ridden by som more styles that centre it, change it to this:#container {
width: 750px;
border: 0;
margin: 0 auto;
}It also had -5px padding which I removed because you can't have negative padding so it doesn't make any sense.hmm, lol, dont quite remember putting that in...ah well- that fixed it, thanks very muchHappy to help.
I am making a new layout for my person site and Need a bit of help.
How can i align the banner all the way to the top and the footer all the way to the bottom?
Website Here (<!-- m --><a class="postlink" href="http://aw2.firewebx.com/neczy/index2.html">http://aw2.firewebx.com/neczy/index2.html</a><!-- m -->)Well I kinda like it the way it is (it looks like you did it on purpose
), but try getting rid of the browser default margin and padding on the body tag:body {background: #3E6188 url(<!-- m --><a class="postlink" href="http://aw2.firewebx.com/neczy/images/background2.gif">http://aw2.firewebx.com/neczy/images/background2.gif</a><!-- m -->) repeat-y 50% 0;
border: 0;
font-family: verdana, "Times New Roman", Times, serif;
color: #000000;
margin:0;
padding:0;
}Also, why don't you put your navigation after the main content area? Then people with screen readers don't have to sit through ahaving a list of links read to them every time they visit a page on your site.
Here's (<!-- m --><a class="postlink" href="http://www.ryanbrill.com/floats.htm">http://www.ryanbrill.com/floats.htm</a><!-- m -->) a nifty little work around for it.I'm with LL I kinda like it the way it lays now.Its starting to grow on me, and its not that noticable so it stays
hmm ok, its really bothering me now- How would you fix it? Out of curiousities sake.What exactly are we talkin' about here? What needs fixing?Well I posted a possible solution, have you tried that out yet?yeah i tried it-- it didnt do anything.Well now I'm getting a 404 on your site so I can't suggest anything else right now.oops, so sorry, i was just adjusting my files and I forgot to update the link--Here (<!-- m --><a class="postlink" href="http://aw2.firewebx.com/index.html">http://aw2.firewebx.com/index.html</a><!-- m -->)
Sorry about that, and thanks for your help
Your container has a 10px margin all the way around and then at the sides it is over-ridden by som more styles that centre it, change it to this:#container {width: 750px;
border: 0;
margin: 0 auto;
}It also had -5px padding which I removed because you can't have negative padding so it doesn't make any sense.hmm, lol, dont quite remember putting that in...ah well- that fixed it, thanks very much
Happy to help.