#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
    299
    Rep Power
    8
    Can you format the code please?

    Kind regards,

    NM.

IMN logo majestic logo threadwatch logo seochat tools logo