HTML5 FOOTER NOT WORKING
can please me code. besides it's unorganization! organized until called myself trying stretch footer 100% & make content , sidebar same height way footer. kind of divs, heard html5 better.........(*cricket sounds*). don't know do! problem is that can't footer 100% neither can content , sidebar automatically connect footer 100%. also, compared footer original html5 document , seems okay me. however, footer text still showing no background color/image show on footer. confused!
heres code:
html
<body>
<div class="container">
<header>
</header>
<div id="navmenu">
</div> <!-- end navmenu -->
<div class="sidebar1">
<aside>
</aside>
<br>
<!-- end .sidebar1 --></div>
<article class="content">
<section>
<p>
<img class="imagepad" src="images/som_pbh_image3b.jpg" width="194" height="314" align="left">
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</section>
<!-- end .content --></article>
<footer>
<p>this footer contains declaration position:relative; give internet explorer 6 haslayout footer , cause clear correctly. if you're not required support ie6, may remove it.</p>
<address>
address content
</address>
</footer>
<!-- end .container --></div>
</body>
</html>
all of css same except changed widths of sidebar , content. still level out 960 result. understanding , use help!
however, footer text still showing no background color/image show on footer. confused!
you haven't got css footer!!!. use this:
footer {
padding : 0;
position : relative;
clear : both;
background-color : #003;
background-image : url(images/footer.jpg);
background-position : center;
background-repeat : no-repeat;
}
notice there no period in front of footer.
you using html5 , footer not .footer
hope helps.
More discussions in Archived Spaces
adobe
Comments
Post a Comment