Can't get my (php include) foot to the bottom of the page!

Hello

I have a site where I've successfully added the using the header <? PHP include()? >

I added the <? PHP include()? > tag at the end of my content on the homepage, but it either sticks in the middle of the page that you highlight, or change position (in css) crazy.

I don't want the footer to include in the class content that's a 800px width. I want that my footer to 100% width at the bottom of the page

Here's my footer.php:

<! - start .footer - >

< link href = "stylesheets/footer.css" rel = "stylesheet" type = "text/css" > "

< div class = "footer" >

< br / >

< table class = "footer" width = "100%" border = "0" >

< b >

< td width = "33%" colspan = "3" > < a style = "" color: #CBCBCB "href="main/feedback/feedback.php "> < /a > comment | < a style = "" color: #CBCBCB "href="main/contact/contact.php "> < /a > Contact | < a style = "" color: #CBCBCB "href =" http://eepurl.com/WtSur "> newsletter < /a > |" " < a style = "" color: #CBCBCB "href="main/donate/donate.html "> < /a > gift | < a style = "" color: #CBCBCB ' href = "Files/Terms and Conditions.pdf" > terms and Conditions < /a > < table > "

< /tr >

< b >

< td colspan = "3" > < table >

< /tr >

< tr valign = "bottom" >

< td width = "33 percent" height = "60" >

<! - PayPal Logo - >

" < a href =" https://www.PayPal.com/UK/webapps/MPP/PayPal-popup "title ="How PayPal"onClick =" javascript:window.open ('https://www.paypal.com/uk/webapps/mpp/paypal-popup ',' WIPaypal ',' toolbar = no, location = no, directories = no, status = no, menubar = no, scrollbars = yes, resizable = yes, width = 1060, height = 700'); return false; "" > < img src = "https://www.paypalobjects.com/webstatic/mktg/logo/bdg_secured_by_pp_2line.png" border = '0' alt = 'Secured by PayPal' > < /a > < div style = "text-align: Center" > < / div > "

<! - PayPal Logo - >

< table >

< td width = "33%" > < img src = "images/mdjn - logo.png" width = "175" height = "58" / > < br / > < table >

" < td width ="33% "> < div align ="center"> < a target ="_blank"href =" " https://www.Facebook.com/pages/DJ-direct/179634702105699?Ref=HL " > < img src = images/Facebook.png"" width = "40" height = "40" alt = "facebook" / > < /a > < a target = "_blank" href = " http://plus.google.com/102808919725916371065 " > < img src = "images/Google +.png" width = "40" height = "40" alt = "google +" / > < / has > < / div > < table > .

< /tr >

< /table >

& copy; DJ-live 2014 < br / >

< / div >

<! - end .footer - >

Here is the CSS for the footer:

@charset "utf-8";

/ * CSS document * /.

.footer {}

do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

background-color: #2E2E2E;

color: #A4A4A4;

text-align: center;

Width: 100%;

position: absolute;

}

And finally, here is the page I'm trying to add the footer (include) on:

<! doctype html >

< html >

< head >

< meta charset = "utf-8" >

< title > welcome < /title >

< style type = "text/css" >

{body

margin: 0;

padding: 0;

background-color: #3e3e40;

position: relative;

}

. Happy {}

Width: 800px;

height: 120px;

margin: 0 auto;

}

.title {}

color: white;

do-family: Verdana, Geneva, without serif.

text-align: center;

do-size: 18px;

Police-weight: 600;

padding-bottom: 10px;

}

. Text {}

color: white;

do-family: Verdana, Geneva, without serif.

text-align: center;

padding: 10px;

}

{.testimonial}

do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

color: #FFF;

background-color: #575757;

text-align: left;

margin-top: 0px;

margin-bottom: 20px;

padding: 20px;

}

< / style >

< link href = "stylesheets/header.css" rel = "stylesheet" type = "text/css" > "

< link href = "stylesheets/footer.css" rel = "stylesheet" type = "text/css" > "

< / head >

< body >

<? PHP include ("_header.php");? >

< div class = "content" >

< iframe width = "800" height = "180" src = "" / / www.cincopa.com/media-platform/iframe.aspx?fid=AcGA1sssNofx "frameborder ="0"scrolling allowfullscreen =" "style =" padding-top: 20px; "> < / iframe >

< div class = "title" >

At DJ-Direct, we are proud to provide the best service at an affordable price.

< / div >

< div class = "text" >

When you want to organize an important occasion in your life, he must go to a perfect plan. If personal or professional wedding, or a corporate function, of such events memorable, nothing can be left to chance. It is cost-effective to book experts.

< br > < br >

Our entertainment, sent through professional DJs, mixing high range and equipment lighting and sound high definition made for a truly spectacular evening.

< br > < br >

Our DJs have a large amount of musical experience to create the atmosphere and feeling of any event.

< br > < br >

We provide professional shows of lighting and atmospheric effects to give your event that "WOW" factor If you need a great dramatic sountrack'u energy for a 21 or a wedding with lighting and sound for you.

< br > < br >

Move forward us and provide a tailored solution.

< / div >

< div style = "padding-top: 20px;" padding-bottom: 20px; "> < img src =" images/split.jpg"width ="800"height ="20"> < / div >"

< div class = "title" > testimonials < / div >

< div class = 'testimony' >

< table width = "100%" border = "0" cellspacing = "5" cellpadding = "5" >

< b >

< td align = "" width = "85%" > < strong > Oxfam - charity event < facilities > < br / > "

< em > The Old Queens Head < /em > < table >

"< td width ="15% "> < img src="images/535px-5_stars.svg.png "width ="155"height ="31"/ > < table >

< /tr >

< b >

< td colspan = "2" > & quot; Without DJ-live, the atmosphere at our charity concert would be the same. With so many different acts of different styles, we couldn't be happier to have the variation of lighting to set the modd. More than 100 paying spectators came to follow the event while he was absolutely necessary to have a professional lighting to ensure the night success. & quot; < br / >

-Krishna Harilela < table >

< /tr >

< /table >

< / div >

< div class = 'testimony' >

< table width = "100%" border = "0" cellspacing = "5" cellpadding = "5" >

< b >

< td align = "" width = "85%" > < strong > New Years Eve < facilities > < br / > "

< em > Planet Hollywood < /em > < table >

"< td width ="15% "> < img src="images/535px-5_stars.svg.png "width ="155"height ="31"/ > < table >

< /tr >

< b >

< td colspan = "2" > & quot; I just wanted to say what a fantastic job DJ-live has done with the lighting of our Boogie Nights New Years Eve party at Planet Hollywood in London.   They were extremely professional throughout the implementation and in the evening.   They had three different styles of lighting based on three different areas of our restaurant at night. One for the dance floor, one for the bar and one for the dining room and he got the lighting on in each place. We hold many different styles of events at Planet Hollywood and would certainly use DJ-live again. Thanks again and I hope that we will work with you again in a near future & quot; < br / >

-Alex Garland < table >

< /tr >

< /table >

< / div >

< div class = 'testimony' >

< table width = "100%" border = "0" cellspacing = "5" cellpadding = "5" >

< b >

< td align = "" width = "85%" > < project strong Kenya > < / strong > < br / > "

< em > < table > < /em > ACS-Egham international school

"< td width ="15% "> < img src="images/535px-5_stars.svg.png "width ="155"height ="31"/ > < table >

< /tr >

< b >

< td colspan = "2" > & quot; I was very impressed by the professionalism and technical expertise displayed by DJ-live to dance school. All students truly enjoyed music and features of the setting up of DJ - machine smoke and "lasers" were very popular! A big thanks to DJ-live for their work hard to do such a dance success & quot; < br / >

-Hazel Caroline < table >

< /tr >

< /table >

< / div >

< div class = 'testimony' >

< table width = "100%" border = "0" cellspacing = "5" cellpadding = "5" >

< b >

< td align = "" width = "85%" > < strong > Christmas party < facilities > < br / > "

< em > Stoke Park < /em > < table >

"< td width ="15% "> < img src="images/535px-5_stars.svg.png "width ="155"height ="31"/ > < table >

< /tr >

< b >

< td colspan = "2" > & quot; I just want to thank DJ-live to support our event. We organized a Christmas party for various companies, and the feedback we received on the DJ was exceptional! They have set up in the ballroom and played fantastic music and their lighting all brought everyone to the dance floor. I will personally make sure to book DJ-live again for our event next Christmas. Thanks DJ-live! & quot; < br / >

-Hendricks < table >

< /tr >

< /table >

< / div >

< / div >

<? PHP include ("_footer.php");? >

< / body >

< / html >

Thanks for any help!

Max Resnikoff says:

Now it's just stuck at the bottom of the browser window, not the Web page

So where in fact do you want to go? If you want to follow the rest of the content of the page then don't add any positioning to the css:

.footer {}

do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

background-color: #2E2E2E;

color: #A4A4A4;

text-align: center;

Width: 100%;

}

And to get rid of the stupid stupid content height: 120px - what you expect the footer to do if you define stupid things like that?

. Happy {}

Width: 800px;

height: 120px;

margin: 0 auto;

}

Tags: Dreamweaver

Similar Questions

Maybe you are looking for