<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/><title></title> <script language="javascript" src="http://localhost/IPN/js/ipnews.js"></script> <script language="javascript" src="jquery.js"></script> <link rel="stylesheet" type="text/css" href="http://localhost/IPN/css/pageBackground.css"/> <link rel="stylesheet" type="text/css" href="http://localhost/IPN/css/variuosStyles.css"/> <link rel="stylesheet" type="text/css" href="http://localhost/IPN/css/header.css"/> <link rel="stylesheet" type="text/css" href="http://localhost/IPN/css/contentAreaStyle.css"/> <link rel="stylesheet" type="text/css" href="http://localhost/IPN/css/links.css"/> <link rel="stylesheet" type="text/css" href="http://localhost/IPN/css/menu.css"/> </head> <body id="pageBackground"> <div id="pageStyle" class="centerAlign"> <div style="width: 190px; float: left"> <div class="formArea regularFont centerAlign" style="height: 145px; top: 20px"> <div style="font-weight: bold; position: relative; top: 5px; height: 25px;">Subscribe newsletter!</div> <div style="height: 120px;"> <form method="post" action="subscribe.php"> <div style="position: relative; top: 10px; right: 2px;">Name: <input class="formField" type="text" name="username"/></div><br/> <div style="position: relative; top: 0px;">Email: <input class="formField" type="text" name="email"/></div><br/> <input type="submit" value="Subscribe" style="height: 30px; width: 90px; color: #11ABF3; font-weight: bold; background-color: #E7E7E7; border: black 1px solid; position: relative; bottom: 5px"/> </form> </div> </div> <div id="searchAreaDiv" class="formArea regularFont centerAlign" style="height: 165px; top: 40px;"> <div style="font-weight: bold; font-size: 14pt; position: relative; top: 5px; height: 30px;">Search</div> <div style="font-weight: bold; position: relative; top: 5px; height: 20px;">Case-insensitive</div> <div style="height: 90px;"> <form id="searchForm" method="post" action="search.php"> <input style="top: 10px; width: 160px" class="formField" type="text" name="searchPhrase"/><br/> <input type="submit" value="Search" style="height: 30px; width: 70px; color: #11ABF3; font-weight: bold; background-color: #E7E7E7; border: black 1px solid; position: relative; top: 20px;"/> </form><br> </div> <a id="advancedSearchLink" style="position: relative; top: 0px; height: 20px;" class="link1" href="#" onClick="displayAdvancedSearch()">Advanced search</a> </div> </div> <div style="width: 834px; float: right"> <div id="generalHeader"> <div id="logoArea"></div> <div id="loginRegisterDiv" class="roundedCorners"> <div style="position: relative; top: 5px; width: inherit; height: 20px; text-align: center;"><a class="link1" href="register.php">Register and personalize your news content</a></div> <div style="height: 50px;"> <form method="post" action="login.php"> <input class="formField loginFormField" type="text" name="username"/> <input style="left: 25px;" class="formField loginFormField" type="password" name="password"/> <input class="formField loginFormField" style="height: 30px; width: 60px; left: 35px; top: 17px; color: #11ABF3; font-weight: bold; background-color: #E7E7E7; border: black 1px solid;" type="submit" value="Log in"/> </form><br/> </div> <div style="width: inherit; height: 30px; text-align: center;"><a class="link1" href="forgotPassword.php">Forgot password?</a></div> </div> </div> <div id="menu"> <div style="background-color: #11ABF3;" class="menuDiv"> <div class="menuButton"><a onMouseOver="javascript:displaySubMenu('1')" class="link1" href="conflicts.php?category=all">Conflicts</a></div> <div class="menuButton"><a onMouseOver="javascript:displaySubMenu('2')" class="link1" href="diplomacy.php?category=all">Diplomacy</a></div> <div class="menuButton"><a onMouseOver="javascript:displaySubMenu('3')" class="link1" href="localAffairs.php?category=all">Local affairs</a></div> <div class="menuButton"><a onMouseOver="javascript:displaySubMenu('4')" class="link1" href="crimes.php?category=all">Crimes</a></div> <div class="menuButton"><a onMouseOver="javascript:displaySubMenu('5')" class="link1" href="opinion.php?category=all">Opinion</a></div> <div class="menuButton"><a onMouseOver="javascript:displaySubMenu('6')" class="link1" href="videos.php?category=all">Videos</a></div> <div class="menuButton"><a onMouseOver="javascript:displaySubMenu('7')" class="link1" href="photos.php?category=all">Photos</a></div> </div> <div id="subMenu" class="menuDiv" style="background-color: white"> </div> </div> <div class="regularFont centerAlign" id="mainContentArea" style="height: 700px"> ktitle278title27</div> </div> </div> </body> </html>
mainContentArea style:
div#mainContentArea{ width: 800px; position: relative; top: 00px; height: 560px; padding-top: 0px; margin-top: 0px; background-color: blue; }
I hope that someone of you understand what is wrong. If you need tell me to post any of my css files