07-26-2013, 07:25 PM
The problem is dat u use so many tables and even put tables in tables in tables that in the end it gets really hard to find something back.
try this:
<!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" dir="ltr" lang="en">
<head>
<title>UniqueProductionZ | Members</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
#wrapper { width: 1000px; margin:0 auto; background-color:#e0e0e0;}
#header { height:150px; background-color:#29b9f5; }
ul { border:1px solid black; background-color:#c0c0c0; margin:0;}
li { display: inline; margin:5px; }
#container { padding-left: 200px; padding-right: 200px; }
#container .column { position: relative; float: left; }
#center { width: 100%; background-color:white; height:500px; }
#left { width: 200px; right: 200px; ; }
#right { width: 200px; margin-right: -200px; }
#footer { clear:both; height:150px; background-color:#29b9f5; }
</style>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="menu">
<ul>
<li>Home</li>
<li>Forum</li>
<li>Gaming</li>
<li>Programming</li>
<li>Web Design</li>
<li>Image Design</li>
<li>Extras</li>
<li>Contact Us</li>
</ul>
</div>
<div id="container">
<div id="center" class="column">Content area</div>
<div id="left" class="column"><h2>Quick login:</h2>
<hr />
<table>
<tr>
<td>Login</td>
<td><input type="text" size="16" /></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" size="16" /></td>
</tr>
</table>
<input type="submit" value="Login" /><br />
Register<br />Forgot Password
</div>
<div id="right" class="column">
<h2>UniqueProductions</h2>
<hr />
Facebook<br />Twitter
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>