Well the auto value didn't help my container fitment problem... It's still stuck on the left side of the screen... :(As for the 2nd Q: I need to get a PHP send form going (so that people could fill out an aplication online, and that I could get it on my server email addy. Here's my CSS for the site (btw this is the 1st time that I have trouble getting a page to stay center)
@charset "utf-8";body {background-image: url(img/bg.jpg);overflow: hidden;top: 15px;bottom: 15px;position: absolute;}#RealBody {height: 800px;width: 840px;overflow: hidden;border-radius: 115px 20px 115px 20px;background: rgba(20,20,20,.8);margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;color: #FFF;text-align: center;box-shadow: 0px 5px 10px 20px #0CF;position: absolute; top: 0px;}#logo {position: absolute;left: 56px;top: 8px;}#menu {height: 50px;margin-top: 200px;font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;text-shadow: 0px 5px 10px #0CF;}#header {padding-top: 25px;text-shadow: 0px 5px 10px #0CF;}#textbox {}
And here is the send form (application) that I have:
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Pro-Skating.com</title><!-- JavaScript codes --><link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script><script src="js/jquery.easing.1.3.js" type="text/javascript"></script><script src="js/jquery.mousewheel.min.js" type="text/javascript"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="js/jquery.fullscreenr.js" type="text/javascript"></script> <script type="text/javascript"> <!-- // You need to specify the size of your background image here var FullscreenrOptions = { width: 1020, height: 680, bgID: '#bgimg' }; // This will activate the full screen background! jQuery.fn.fullscreenr(FullscreenrOptions); //--></script> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><link href="/style.css" rel="stylesheet" type="text/css"><style type="text/css">a:link {color: #FFF;text-decoration: none;}a:visited {color: #FFF;text-decoration: none;}a:hover {text-decoration: none;color: #0CF;}a:active {text-decoration: none;}</style></head><body><div class="RealBody" id="RealBody" style="RealBody font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px;" title="RealBody"> <div class="logo" id="logo" style="logo" title="logo"><span class="logo" style="logo"><a href="index.html"><img src="/img/logo.png" alt="logo" width="721" height="161" align="middle" longdesc="http://www.pro-skating.com"></a></span></div><div class="menu" id="menu" style="menu" title="menu"> <table width="810" border="0"> <tr> <td width="130"><span class="menu" style="menu"><span class="active"><a href="index.html">НОВОСТИ</a></span></span></td> <td width="100"><span class="menu" style="menu"><a href="about_rus.html">О НАС</a></span></td> <td width="138"><span class="menu" style="menu"><a href="projects_rus.html">ПРОЕКТЫ</a></span></td> <td width="106"><span class="menu" style="menu"><a href="media_rus.html">МЕДИА</a></span></td> <td width="208"><span class="menu" style="menu"><a href="partners_rus.html">НАШИ ПАРТНЕРЫ</a></span></td> <td width="102"><span class="menu" style="menu"><a href="/forum">ФОРУМ</a></span></td> </tr></table></div><div class="header" id="header" style="header">Предварительная Запись в Школу Фигурного Катания на Коньках<span style="text-align: left"></span></div><div id="textbox" style="padding-left: 200px; padding-right: 200px; text-align: left; textbox font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;"> <p> </p> <table width="523" border="0"> <tr> <th width="517" scope="col">Подать Заявку</th> </tr> <tr> <td height="442"><form name="заявка" method="post" action=""> <table width="555" border="0"> <tr> <td width="220">Имя Ребенка: </td> <td width="287"><input type="text" name="имя" id="имя"></td> </tr> <tr> <td>Фамилия ребенка:</td> <td><input type="text" name="фамилия" id="фамилия"></td> </tr> <tr> <td>Возраст ребенка:</td> <td><input type="text" name="возраст" id="возраст"></td> </tr> <tr> <td>Дата Рождения:</td> <td><input type="text" name="дата рождения" id="дата рождения"></td> </tr> <tr> <td>Ф.И.О. Родителей:</td> <td><input type="text" name="фио родителей" id="фио родителей"></td> </tr> <tr> <td>Адресс:</td> <td><input type="text" name="адресс" id="адресс"></td> </tr> <tr> <td>Контактный Телефон:</td> <td><input type="text" name="телефон" id="телефон"></td> </tr> <tr> <td>Адресс Электронной Почты:</td> <td><input type="text" name="email" id="email"></td> </tr> <tr> <td>Дополнительная Информация: </td> <td><textarea name="допл-инфо" id="допл-инфо" cols="45" rows="5"></textarea></td> </tr> <tr> <td colspan="2"><a href="send.php">Отправить</a> <input type="reset" name="очистить" id="очистить" value="Очистить"></td> </tr> </table> </form></td> </tr> </table></div></div></body></html>