hello, The box named "top" is working fine, with the width staying 100%... but the nav is too wide, although i have still only used 100%.
I would appreaciate it if somebody could figure out the problem.
I would appreaciate it if somebody could figure out the problem.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <ul id="nav"> <li><a href="#">Secured Loans</a></li> <li><a href="#">Tenant Loans</a></li> <li><a href="#">Mortgages</a></li> <li><a href="#">Bridging Loans</a></li> <li><a href="#">Commercial Finance</a></li> <li><a href="#">FAQ</a></li> <li><a href="#">Contact Us</a></li> </ul> <div id="top"> <div id="top_l"> </div> <div id="top_r"> </div> </div> </body> </html>
Code:
html { background-color: #ffffff; margin: 0px; } body { margin: 0px; } a { font-family: Tahoma; font-size: 14px; color: #444444; text-decoration: none; } a:hover { font-family: Tahoma; font-size: 14px; color: #000000; text-decoration: none; } p { font-family: Tahoma; font-size: 14px; color: #000; padding-left: 15px; } ul#nav { width: 100%; margin: 0px; height: 95px; width: 100%; position: absolute; background-color: #1a1d4f; } ul#nav li { float: left; padding: 40px 0 0 0; list-style-type: none; } ul#nav li a { font-family: Trebuchet MS; font-size: 14px; color: #c2c575; text-decoration: none; padding: 20px 25px 25px 25px; } ul#nav li a:hover { text-decoration: none; color: #fff; } div#top { width: 100%; height: 375px; background-color: #d5d7ff; text-align: center; } div#top_l { width: 45%; height: 375px; background-color: transparent; float: left; } div#top_r { width: 45%; height: 270px; background-color: transparent; float: right; }
Comment