вопрос
Форма Старой Регистрации
Когда Устанавливаю Новую Форму Регистрации То Исчезает Белый Фон
В Чем Проблема??? Заранее Спасибо !!!
<div class="viewn_loop viewn_static">
<div class="viewn_top"><div class="viewn_t_in"><h4 class="viewn_title">
[registration]Регистрация нового пользователя[/registration]
[validation]Обновление профиля пользователя[/validation]
</h4></div></div><!--/viewn_top-->
<div class="viewn_cont">
<div class="viewn_c_in">
<table class="tableform">
<tr>
<td colspan="2">
[registration]
<b>Здравствуйте, уважаемый посетитель нашего сайта!</b><br />
Регистрация на нашем сайте позволит Вам быть его полноценным участником.
Вы сможете добавлять новости на сайт, оставлять свои комментарии, просматривать скрытый текст и многое другое.
<br />В случае возникновения проблем с регистрацией, обратитесь к <a href="/index.php?do=feedback">администратору</a> сайта.
[/registration]
[validation]
<b>Уважаемый посетитель,</b><br />
Ваш аккаунт был зарегистрирован на нашем сайте,
однако информация о Вас является неполной, поэтому заполните дополнительные поля в Вашем профиле.
[/validation]
</td>
</tr>
[registration]
<tr>
<td class="label">
Логин:<span class="impot">*</span>
</td>
<td>
<input type="text" name="name" id='name' style="width:175px; margin-right: 6px;" class="f_input" />
<a href="javascript://" title="Проверить доступность логина для регистрации" onclick="CheckLogin(); return false;" class="fbutton">Проверить имя</a>
<div id='result-registration'></div>
</td>
</tr>
<tr>
<td class="label">
Пароль:<span class="impot">*</span>
</td>
<td><input type="password" name="password1" class="f_input" /></td>
</tr>
<tr>
<td class="label">
Повторите пароль:<span class="impot">*</span>
</td>
<td><input type="password" name="password2" class="f_input" /></td>
</tr>
<tr>
<td class="label">Ваш E-Mail:<span class="impot">*</span></td>
<td><input type="text" name="email" class="f_input" /></td>
</tr>
[question]
<tr>
<td class="label">
Вопрос:
</td>
<td>
<div>{question}</div>
</td>
</tr>
<tr>
<td class="label">
Ответ:<span class="impot">*</span>
</td>
<td>
<div><input type="text" name="question_answer" class="f_input" /></div>
</td>
</tr>
[/question]
[sec_code]
<tr>
<td class="label">
Введите код<br />с картинки:<span class="impot">*</span>
</td>
<td>
<div>{reg_code}</div>
<div><input type="text" name="sec_code" style="width:115px" class="f_input" /></div>
</td>
</tr>
[/sec_code]
[recaptcha]
<tr>
<td class="label">
Введите два слова, показанных на изображении:<span class="impot">*</span>
</td>
<td>
<div>{recaptcha}</div>
</td>
</tr>
[/recaptcha]
[/registration]
[validation]
<tr>
<td class="label">Ваше Имя:</td>
<td><input type="text" name="fullname" class="f_input" /></td>
</tr>
<tr>
<td class="label">Место жительства:</td>
<td><input type="text" name="land" class="f_input" /></td>
</tr>
<tr>
<td class="label">Номер ICQ:</td>
<td><input type="text" name="icq" class="f_input" /></td>
</tr>
<tr>
<td class="label">Фото:</td>
<td><input type="file" name="image" style="width:304px; height:18px" class="f_input" /></td>
</tr>
<tr>
<td class="label">О себе:</td>
<td><textarea name="info" style="width: 98%;" rows="8" class="f_textarea" /></textarea></td>
</tr>
{xfields}
[/validation]
</table>
<div class="fieldsubmit">
<button name="submit" class="fbutton" type="submit"><span>Отправить</span></button>
</div>
</div>
</div><!--/viewn_cont-->
<div class="viewn_bottom"><div class="viewn_b_in"></div></div>
</div>
Когда Устанавливаю Новую Форму Регистрации То Исчезает Белый Фон
.clearfix:after, .row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix, .row { display: inline-block;}
html[xmlns] .clearfix, html[xmlns] .row { display: block;}
*:focus { outline: none;}
input, select, textarea { font-family:Arial, Helvetica, sans-serif; color:#595959; font-size:18px; margin:0; padding:0;}
a { outline:none; text-decoration:none; color:#5d84a5;}
a:hover { text-decoration:underline;}
#reg_main { width:902px;}
#reg_left_side { /*float:left;*/ width:642px;}
#reg_container { overflow:hidden; padding: 20px 0 20px 20px;}
article { width:620px; padding:15px 0 0;}
hgroup { margin-right:20px;}
.reg_form { margin:0; padding:0;}
.reg_form fieldset { border:none; padding: 10px 0 0; margin:0;}
.reg_form .last { margin:0 !important;}
.reg_form h4 { font-size:25px; color:#063b82; line-height:33px; margin-bottom:15px;}
.reg_form h4 span { display:block; float:left; width:13px; padding:0 10px; height:33px; background:url(../images/h4_span.png) no-repeat center; color:#fff; font-size:19px; font-weight:bold; margin-right:15px; text-shadow:1px 1px 0 #d6ed94;}
.reg_form .row { margin-bottom:20px;}
.reg_form label { color:#595959; font-size:16px; display:block; float:left; padding-bottom:9px; width:100%}
.reg_form label em { color:#e33636; font-weight:bold; margin-left:3px; }
.reg_form label a { color:#0071b9;}
.reg_form label .tooltip { display:block; float:right; margin-right:5px; width:17px; height:17px; background:url(../images/tooltip.png) no-repeat;}
.reg_form .inner_labels label { padding:7px 15px 7px 0; width:auto;}
.reg_form input[type="text"], .reg_form .row input[type="password"], .reg_form select, .reg_form textarea { background:#f5f5f5; box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; border:1px solid #c5c5c5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.reg_form input[type="text"], .reg_form .row input[type="password"] { width:268px; padding: 1px 10px; height:33px; line-height:33px;}
.reg_form select { padding: 6px 5px; width: 290px; height:37px; line-height:33px;}
.reg_form textarea { padding: 5px 10px; width: 100%; height:95px; line-height:19px; width:580px; font-size:15px;}
.reg_form input[type="checkbox"], .reg_form .row input[type="radio"] { display:block; float:left; margin: 10px 7px 10px 0; }
.reg_form input.hasDatepicker { float:left; width: 113px; margin-right:-27px;}
.reg_form img.ui-datepicker-trigger { float:left; margin-top:9px;}
.reg_form input[type="text"]:focus, .reg_form .row input[type="password"]:focus, .reg_form .row select:focus, .reg_form .row textarea:focus, .reg_form .row input[type="text"]:hover, .reg_form .row input[type="password"]:hover, .reg_form .row select:hover, .reg_form .row textarea:hover { border:1px solid #b8d564; box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; -webkitkit-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset;}
.reg_form input.error, .reg_form select.error, .reg_form textarea.error { border:1px solid #eb9393; box-shadow: 0 0 5px #f7c4c4; -moz-box-shadow: 0 0 5px #f7c4c4; -webkit-box-shadow: 0 0 5px #f7c4c4; background-color:#fce4e4; }
.reg_form input[type="submit"] { cursor:pointer; color:#1c464e; margin-right:20px; text-shadow:1px 1px 0 #aaeaf7; border:1px solid #289cb8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#67bbcf; background: -webkit-gradient(linear, center bottom, center top, from(#67bbcf), to(#82def1)); background: -moz-linear-gradient(bottom, #67bbcf, #82def1); font-size:16px; padding:5px 20px; font-weight:bold; float:right;}
.reg_form input[type="submit"]:hover { background:#51b1c7; background: -webkit-gradient(linear, center bottom, center top, from(#4297ab), to(#60cce3)); background: -moz-linear-gradient(bottom, #4297ab, #60cce3);}
.reg_form span.label { color:#595959; float:left; line-height:33px; margin:0 10px 0 0;}
.reg_form p.hint { margin:5px 0 0; color:#b0b0b0; font-size:11px;}
.reg_form .item { width:294px; float:left; margin-right:16px;}
.reg_form .item span.label { width:100%; line-height:normal; margin-bottom:10px;}
.copy { float:right; color:#9eabae; font-size:12px; margin:10px 16px 20px 0; text-shadow:1px 1px 1px #fff;}
aside { width:240px; float:left; padding:75px 0 0 20px;}
aside h5 { font-family: Georgia; color:#0a3263; font-size:28px; line-height:30px; font-style:italic; margin-bottom:15px;}
aside a.login { display:block; margin-bottom:40px; color:#1050a0; font-size:17px; text-shadow:1px 1px 1px #fff; line-height:19px; background:url(../images/ico_login.png) no-repeat left center; padding-left:25px;}
aside .item { margin:0 0 20px -20px; padding:4px 0 10px 50px; border-bottom:1px solid #fff; box-shadow: 0 1px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .1); background:url(../images/aside_h6.png) no-repeat 20px top;}
aside .item.last { border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
aside h6 { font-size:17px; margin-bottom:10px; color:#1050a0; text-shadow:1px 1px 1px #fff; line-height:20px; }
aside p { font-size:12px; line-height:15px; text-shadow:1px 1px 1px #fff; color:#607da1;}
<link rel="stylesheet" href="{THEME}/css/register.css" />
<script type="text/javascript" src="{THEME}/js/rega.js"></script>
[registration]
<div id="reg_main">
<div id="reg_left_side">
<div id="reg_container">
<hgroup>
<h2>Страничка регистрации</h2>
<h3>Тут размещаете свой текст...</h3>
</hgroup>
<article id="article">
<reg_form class="reg_form">
<fieldset>
<h4><span>1</span>Данные Вашего аккаунта:</h4>
<div class="row">
<div class="item">
<label for="Username">Логин:<em>*</em></label>
<input type="text" name="name" id="name" onblur="check_login(this); return false;" />
<div id="result-registration"></div>
<p class="hint">Логин не должен содержать спец. символы</p>
</div>
<div class="item last">
<label for="Email">E-mail адрес:<em>*</em></label>
<input type="text" name="email" onblur="check_mail(this)" />
<div id="result-mail"></div>
<p class="hint">Требуется для подтверждения аккаунта</p>
</div>
</div>
<div class="row">
<div class="item">
<label for="Password">Пароль:<em>*</em></label>
<input type="password" name="password1" id="password1" onblur="check_first( this )" />
<div id="result-first"></div>
<p class="hint">Не менее 6 символов</p>
</div>
<div class="item last">
<label for="Password2">Повторите пароль:<em>*</em></label>
<input type="password" name="password2" id="password2" onblur="check_password()" />
<div id="result-pass"></div>
</div>
</div>
</fieldset>
<fieldset>
[question]
<div class="row">
<div class="item">
<label for="question">Вопрос:<em>*</em></label>
{question}
</div>
<div class="item last">
<label for="answer">Ответ:<em>*</em></label>
<input type="text" name="question_answer" value="" />
</div>
</div>
[/question]
</fieldset>
<fieldset>
[sec_code]
<label for="answer">Введите код с картинки:<em>*</em></label>
<div>{reg_code}</div>
<div><input type="text" name="sec_code" style="width:115px" class="f_input" /></div>
[/sec_code]
[recaptcha]
Введите два слова, показанных на изображении:<span class="impot">*</span>
<div>{recaptcha}</div>
[/recaptcha]
<div class="submit">
<input type="submit" value="Регистрация" />
</div>
</fieldset>
</reg_form>
</article>
</div>
</div>
<!-- <aside>
<h5>Why sign up?</h5>
<div class="item">
<h6>It`s free and easy</h6>
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentes.</p>
</div>
<div class="item">
<h6>No Credit Card required</h6>
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentes.</p>
</div>
<div class="item">
<h6>Professional support</h6>
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentes.</p>
</div>
<div class="item">
<h6>Interesting content</h6>
<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentes.</p>
</div>
</aside> -->
</div>
[/registration]
[validation]
<div id="main">
<div id="left_side">
<div id="container">
<hgroup>
<h2>Завершение регистрации</h2>
<h3>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies:</h3>
</hgroup>
<article id="article">
<reg_form class="reg_form">
<fieldset>
<h4><span>2</span>Личные данные:</h4>
<div class="row">
<div class="item">
<label for="FirstName">Имя:</label>
<input type="text" name="fullname" id="fullname" value="" />
</div>
<div class="item last">
<label for="LastName">Фамилия:</label>
<input type="text" name="xfield[last_name]" id="xfield[last_name]" value="" />
</div>
</div>
<div class="row">
<div class="item">
<label for="City">Место жительства:</label>
<input type="text" name="land" value="" />
</div>
<div class="item last">
<label for="Country">Страна:</label>
<select name="xfield[country]" id="xfield[country]">
<option>Беларусь</option>
<option>Россия</option>
<option>Украина</option>
<option>United States</option>
<option>Другая</option>
</select>
</div>
</div>
<div class="row">
<div class="item">
<label for="icq">ICQ:</label>
<input type="text" name="icq" value="" />
</div>
</div>
</fieldset>
<fieldset>
<h4><span>3</span>Несколько слов о себе:</h4>
<div class="row">
<textarea name="info"></textarea>
</div>
</fieldset>
<fieldset>
<div class="submit">
<input type="submit" value="Завершить" />
</div>
</fieldset>
</reg_form>
</article>
</div></div></div>
<!--{xfields} -->
[/validation]
В Чем Проблема??? Заранее Спасибо !!!