Footer thinks its a header

Hi all, im new to the forum! An issue with a footer has brought me here. I have some experience in Web Development but im still working quite basic at the moment. I'll paste the code in here as its not live on a domain, any help would be great! The footer im using just wont sit at the bottom of the page, i have the feeling its something simple but i just caot crack it:confused: code as follows (I understand no link to the images is an issue but i think the problem should still be obvious):

css;

Code:

/* Body and HTML section START */



html,body{



                background-image: url("background tile.png");



}



#title {



                display: block;



                padding: 10px 20px 10px 0px;



                background: white;



                border-color: black;



                position: fixed;



                top: -20px;



                left: 0px;

                

                z-index: 1;







}



#title:hover {



                opacity: 0.5;



}





/* Body and HTML section  END */





/* Menu START */





ul { 



                list-style-type: none;

                

                margin: 0;

        

                padding:0;



                overflow: hidden;



}



li {



                float:left; 



}





li a {

                text-align: center;



                text-decoration: none;



}



li a:hover {



                opacity: 0.5;





/* Menu END */



/* MAin Container START */



#container {

        

                border: 12px solid #101010;



                position:absolute;



                    left: 50%;

                

                width: 80%;



                height: 1500px;



                margin: 0;



                padding: 0;



                background-color: #e1e1e1;

                                

                                z-index: 0;

        

}        





/* MAin Container END */

html;

Code:

<!DOCTYPE html>





<head>



<title> Intrepid Training</title>



<link rel="Stylesheet"  href="intrepid.css" >



</head>







<img src="Intrepid Title final.png" id="title" alt="Weights">

<body>





<div id="container">



<nav>



<ul>



<li><a href="Intrepid Training.html">Training</a>



<li><a href="Intrepid Training.html">Products</a>



<li><a href="Intrepid Training.html">Contact</a></li>



</ul> 



</nav>



<p id="p1">



<b>At Intrepid Training</b>, we endeavor to deliver the best you, to yourself, becuase after all, there is only one you 

If you struggle with getting yourself up and going, you need a personal trainer. Here at Intrepid Training, you will find the Personal Trainer 

you've been looking for. Professional and effective training when ever you need it. Bring out your Intrepid Self, call us now: 0151 *** ****.



</p>



<img src="dumbells.png" id="dumbells">



<p id="p2">





 At Intrepid Training we offer a wide range of services to help get you fit and ready. It is important we look after ourselves, it is also important to do so 

with propper technique and care. At Intrepid we can give you the skillks to put the condition of your body, in your hands. Equally, we offer ongoing services 

to keep you motivated and ontrack. Our Trianer, Tony, has the right qualifications, and experience in , forms of PT ,. Call now and get onboard with Intrepid Training.





</p>



<img src="waist.png" id="waist">



<p id="p3">



<b>Testimonials</b>



<br>

<br>



&quot;Tony helped me get back into shape, highly recomended service that restored my confidence&quot;



<br>

<br>



&quot;I have always struggled with self motivation,Tony is a great trainer that has blah blah blah blah &quot;



<br>

<br>



&quot;blah blah blah blah and all that jazz &quot;



</p>





</div>



</body>





<footer>



[email protected]



</footer>







</html>

again, any help would be greatly appreciated, thanks

برچسب: نویسنده: آیلین رضوانی تاريخ: سه شنبه 13 تير 1396 ساعت: 22:18

درباره سایت

آخرین مطالب

امکانات وب

Footer thinks its a header

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه