#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    1
    Rep Power
    0

    Unhappy My footer has disappeared


    Hello everyone,

    My footer has disappeared and I'm not sure why. I ran my HTML & CSS through the validators and made the suggested changes to both.

    The footer was previously showing up fine, but then I added the "reverbnation" player box and since then it's just disappeared.

    Where's it gone?

    Thanks so much

    HTML
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org"> <title> scar de sea  | psychotic bashy-piano cabaret meets creepy ethereal folk</title> <meta name="keywords" content="scar de sea, scar, piano, female vocalist, singer-songwriter, psychotic, bashy-piano, cabaret, rock, punk, folk, creepy, ethereal"> <meta name="description" content="scar de sea"> <style type="text/css"> div.c5 {display:inline-block;width:380px;height:320px;margin:0;padding:0;border:0;} div.c4 {font-family: Arial; font-size: 10px; margin-top: -5px; text-align: center} a.c3 {text-decoration:none;color:#444;} table.c2 {background-color: #FFFFFF} a.c1 {text-decoration:none} </style> </head> <body> <div class="header"><a href="http://www.scardesea.com"><img src="http://i1281.photobucket.com/albums/a511/scardesea/header_maybe_3_zps2f1fbf9b.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a></div> <div class="menu"><a href="http://www.scardesea.com" class="c1"><img src="http://i1281.photobucket.com/albums/a511/scardesea/home_zpsef3a097d.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a><a href="http://www.scardesea.com/news" class="c1"><img src="http://i1281.photobucket.com/albums/a511/scardesea/news_zps4add61fd.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a> <a href="http://www.scardesea.com/blog" class="c1"><img src="http://i1281.photobucket.com/albums/a511/scardesea/blog_zpsd7307633.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a> <a href="http://www.scardesea.com/about-me" class="c1"><img src="http://i1281.photobucket.com/albums/a511/scardesea/bio_zps2df8d2e8.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a> <a href="http://www.scardesea.com/songs" class="c1"><img src="http://i1281.photobucket.com/albums/a511/scardesea/songs_zps65983790.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a> <a href="http://www.scardesea.com/poems" class="c1"><img src="http://i1281.photobucket.com/albums/a511/scardesea/poems_zps5a2b96f2.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a> <table class="c2" border="0"> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> </div> <div class="widget_iframe c5"><a href="http://www.scardesea.com/news" class="c1"><iframe class="widget_iframe" src="http://www.reverbnation.com/widget_code/html_widget/artist_3208692?widget_id=50&amp;posted_by=artist_3208692&amp;pwc[design]=customized&amp;pwc[background_color]=%23c91a1a&amp;pwc[included_songs]=1&amp;pwc[photo]=0%2C1&amp;pwc[size]=custom" width="100%" height="100%" frameborder="0" scrolling="no"><a href="http://www.scardesea.com/news" class="c1"></a> <div class="footer_branding c4"><a href="http://www.reverbnation.com/band-promotion/how-to-sell-music-on-itunes?utm_campaign=a_features_distribution&amp;utm_medium=widget&amp;utm_source=HTML5_Player&amp;utm_content=widgetfooter_Learn%20how%20to%20get%20your%20song%20on%20itunes%20at%20ReverbNation.com" target="_blank" class="c3">Learn how to get your song on itunes at ReverbNation.com</a></div> <div class="footer"><img src="http://i1281.photobucket.com/albums/a511/scardesea/footer_maybe_2_zps3ae97033.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></div> </iframe></a></div> </body> </html>
    CSS
    Code:
    body { background-color:#ffffff; } .header { display:block; margin:auto; padding: 10px 10px 10px 10px; height:450px; width:830px; } .menu { display:inline-block; position:relative; clear:both; background:transparent; width:100%; height:85px; margin-top:10px; margin-left:150px; margin-right:auto; margin-bottom:50px; } .widget_iframe { margin-left:75px; } .footer { display:block; margin:auto; padding:10px 10px 10px 10px; width:830px; height:450px; position:fixed; }
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    300
    Rep Power
    10
    Can you format the code please?

    Kind regards,

    NM.

IMN logo majestic logo threadwatch logo seochat tools logo