DH Templates

Home > Css Design Templates Information > Css Design Templates Knowledge Base > HTML/CSS HELP!!!!!!!!!!!!!!!!!!!!!?

HTML/CSS HELP!!!!!!!!!!!!!!!!!!!!!?

I have a problem with my HTML or CSS code. When I open the file, it only displays half the page! What's wrong??? This is the CSS code: html, body, h1, h2, h3, h4 { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } a { color: #990000; font-weight: normal; text-decoration: none; } a:hover { color: #FFFF00; font-style:bold; font-weight:bold; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: #804000 url(images/scroll.jpg) no-repeat; text-align: center; font: 2px arial, sans-serif; color: #565656; } /** layout **/ #wrapper { text-align: center; margin: auto; width: 788px; position: relative; } /** Right **/ #nav { height: 98px; } #nav ul { margin: 0; padding: 0 0 0 130px; } #nav li { float: left; border-right: 0px solid #000000; padding: 26px 19px 9px 9px; list-style: none; } #nav a { color: #000000; font: 12px arial, sans-serif; font-weight: normal; } #nav .selected a { font-weight: bold; } /** Body **/ #body { background: url(images/scroll.jpg) no-repeat; } #body .left { margin: 0 26px 0 0; } /** footer **/ .body-hr { clear: both; height: 43px; background: bottom left url(images/footer.jpg) no-repeat; margin: 10px -39px; } #footer-1 { float: left; width: 104px; padding-right: 30px; margin-top: 5px; border-right: 1px solid #ACACAC; font: 14px "times new roman", serif; color: #660505; text-align: center; } #footer-1 strong { display: block; font-size: 18px; font-weight: normal; } And this is the HTML code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "HAD TO REMOVE LINK!"> <html xmlns="HAD TO REMOVE LINK!" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Title</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <div id="wrapper"> <h1><font size=2><b></h1><b> <div id="nav"> <ul> <li><a href="http://www.freewebsitetemplates.com">Home</a></li> <li><a href="http://www.freewebsitetemplates.com">About us</a></li> <li><a href="http://www.freewebsitetemplates.com">Package Tour</a></li> <li><a href="http://www.freewebsitetemplates.com">Events</a></li> <li><a href="http://www.freewebsitetemplates.com">Offer</a></li> <li><a href="http://www.freewebsitetemplates.com">Booking</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com">Contact us</a></li> </ul> </div> <body background="images/scroll.jpg"> <p><p> <h2><strong>Welcome</strong> to our site</h2> <p>Don't forget to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add a new free website template almost daily.</p> <p>You can remove any link to our websites from this template you're free to use the template without linking back to us.</p> <p>This is just a place holder so you can see how the site would look like.</p> <p>This is a template designed by free website templates for you for free you can replace all the text by your own text.</p> <h3>Special Events</h3> <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p><br/> <div id="footer"> </div> </div> </body> </html> I'm not sure which one has a problem, the CSS or HTML.

Public Comments

  1. to me its the CSS that has a problem. and i think this because css codes usually have <style> at the beginning and </style> at the end so like this <style> html, body, h1, h2, h3, h4 { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } [the rest of the code here] </style> i hope this helps
  2. It is probably your HTML code that has a problem, but it's hard to tell since yahoo won't display your long lines of code. Make sure you don't have any missing quote marks, and make sure you have all your tags closed properly. Be especially sure to inspect the code at the exact spot where it cuts off.
  3. I see your </body> tag, but did I miss your <body> tag? (That'll blow a rendering engine's mind.)
Powered by Yahoo! Answers