Ok, so I want a 35px footer at the bottom of my contents. But when I put it inside my content div, it has the 10px padding on each side. And if I make it it's own div, then I would have to position it each time I changed text in my content div. Can you please help me?
<!-- m --><a class="postlink" href="http://www.freewebs.com/fiddle-sticks/You">http://www.freewebs.com/fiddle-sticks/You</a><!-- m --> don't seem to have a footer on your page. Put one in (anyway you like) and I'll look at your problem.if you wanna put it into your content div, just give it a negative margin of -10px on the left and right to compensate the 10px padding of the content div...
but the best way would be to put it outside the content div. you dont need to reposition it everytime the content changes....if you wanna put it into your content div, just give it a negative margin of -10px on the left and right to compensate the 10px padding of the content div...
but the best way would be to put it outside the content div. you dont need to reposition it everytime the content changes....
But when ever I put it outside the content div, it just stays at the top of the page.
I also added a footer for you, right now it is in the content div. And also, to put a 35px plain area below my content div(just like above my banner), would I just make a wrapper div?Your problem is too much absolute positioning.
I've been playing around and I've made your page elastic. Try increasing or decreasing the text-size in your browser. With a bit of luck, it won't break.
<!-- m --><a class="postlink" href="http://bonrouge.com/test/greentree.htmThe">http://bonrouge.com/test/greentree.htmThe</a><!-- m --> site you made was great, but the image is stretched, and the navigation and title text is not where I want it, that's why I used absolute positioning. I'm pretty new to web design, so that's why I don't get alot of this.OK.
Just put the image in the background of the #top div and change all the 'em' values to px. Do it that way - don't use absolute positioning everywhere - that's what's giving you the footer problem. You're taking everything out of the flow of the page. if the page keeps its flow, the footer will naturally sit below the content.I'm not getting why it's messing up... Maybe I'll just mess around until I get some real proper knowlegde of this stuff :S:SSee if this s closer to what you want...<!-- m --><a class="postlink" href="http://bonrouge.com/test/greentree2.htm">http://bonrouge.com/test/greentree2.htm</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.freewebs.com/fiddle-sticks/You">http://www.freewebs.com/fiddle-sticks/You</a><!-- m --> don't seem to have a footer on your page. Put one in (anyway you like) and I'll look at your problem.if you wanna put it into your content div, just give it a negative margin of -10px on the left and right to compensate the 10px padding of the content div...
but the best way would be to put it outside the content div. you dont need to reposition it everytime the content changes....if you wanna put it into your content div, just give it a negative margin of -10px on the left and right to compensate the 10px padding of the content div...
but the best way would be to put it outside the content div. you dont need to reposition it everytime the content changes....
But when ever I put it outside the content div, it just stays at the top of the page.
I also added a footer for you, right now it is in the content div. And also, to put a 35px plain area below my content div(just like above my banner), would I just make a wrapper div?Your problem is too much absolute positioning.
I've been playing around and I've made your page elastic. Try increasing or decreasing the text-size in your browser. With a bit of luck, it won't break.
<!-- m --><a class="postlink" href="http://bonrouge.com/test/greentree.htmThe">http://bonrouge.com/test/greentree.htmThe</a><!-- m --> site you made was great, but the image is stretched, and the navigation and title text is not where I want it, that's why I used absolute positioning. I'm pretty new to web design, so that's why I don't get alot of this.OK.
Just put the image in the background of the #top div and change all the 'em' values to px. Do it that way - don't use absolute positioning everywhere - that's what's giving you the footer problem. You're taking everything out of the flow of the page. if the page keeps its flow, the footer will naturally sit below the content.I'm not getting why it's messing up... Maybe I'll just mess around until I get some real proper knowlegde of this stuff :S:SSee if this s closer to what you want...<!-- m --><a class="postlink" href="http://bonrouge.com/test/greentree2.htm">http://bonrouge.com/test/greentree2.htm</a><!-- m -->