at the bottom the footer is not extending to reach the sides of the browser.
i set the width to auto.
i dont know why it is acting this way.
please help me.
Because it's parent (#container) is only 1000px wide...A block-level child with width: auto (or no width declared at all) will expand to be the width of it's parent.
but i didnt put it inside the container div tho.
i closed the container div then make another div called footer.
in this case the container is still the footer's parent ?
and how can i make it extend to fit the browser ?
You have an extra </
<div id="content"><h3>Welcome to my website.
website is currently under construction.</</div> <!--end content-->
you are my hero.