• Страница 1 из 1
  • 1
DIV вопросы
RevoRen
Дата: Суббота, 08.01.2011, 16:20 | Сообщение # 1
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Я решил перейти на вестку боксами, и когда верстал, наткнулся на некоторые проблемы.

DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Код страниц сайта:

Code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link type="text/css" rel="StyleSheet" href="/css-styles.css" />
</head>

<body>
<div class="main">

<div class="header">
<div class="logo"><a href="/" style="margin:auto;"><img src="/site/logo.png" alt="Главная" /></a></div>
<div class="menu"><a href="/" class="sitemenu">Главная</a> <a href="javascript://" onclick="alert('В разработке')" class="sitemenu">Форумы</a> <a href="/load" class="sitemenu">Альбомы</a> <a href="javascript://" onclick="alert('В разработке')" class="sitemenu">Галерея</a> <a href="javascript://" onclick="alert('В разработке')" class="sitemenu">Интервью</a> <a href="javascript://" onclick="alert('В разработке')" class="sitemenu">Клипы</a> <a href="/index/biografija/0-4" class="sitemenuk">Биография</a></div>
</div>
           
      <div class="container">
      <div class="left">
      $GLOBAL_CLEFTER$
      </div>

      <div class="content">
      $CONTENT$
      </div>
      </div>

</div>

<div class="footer">
<div class="textfooter">
Theory-of-a-Deadman.Ru (c) 2011. Fan Site. All rights reserved.<!-- </copy> --><br />
Все содержание, включая идеи оформления и стиль, пренадлежат сайту.<br />В случае копирования материалов, гипперссылка на источник обязательна.<br>
$POWERED_BY$. Design by <a href="/">DecePTion</a> | <a href="/index/0-3">Обратная связь</a>.
</div>
</div>

</body>

</html>

CSS:

Code
.main {height:auto!important; height:100%; min-height:100%;}      
.header {width:705px; border:none; padding:0px; margin:auto;}
.logo {background:url('/site/shapka.jpg') no-repeat; width:705px; height:160px; padding:0px 0px 0px 60px; margin:auto; position:relative;}
.menu {background:url('http://theorydeadman.ucoz.ru/site/shapka-bottom.jpg') no-repeat; width:705px; height:33px; text-align:center; margin:auto;}
.container {text-align:center; background:url('/site/site-middle.png') repeat-y; width:705px; border:none;}
.left {padding-top:15px; padding-left:2px; width:200px; float:left;}
.content {margin:0px 0px 0px 200px; padding-left:15px; padding-right:17px; padding-bottom:15px; vertical-align:top; margin:auto;}
.footer {background:#e7e7e7; width:701px; border-left:2px solid #070706; border-right:2px solid #070706; margin:auto;}
.textfooter {padding:10px;}

А выглядит это вот так :(
Сижу, роюсь и не могу понять в чем проблема!
Помогите пожалуйста.
Результат: должен быть контент посредине, как продолжение шапки на фоне, который прописан в CSS.


Follow your Destiny



Сообщение отредактировал RevoRen - Суббота, 08.01.2011, 16:23
  
RevoRen
Дата: Суббота, 08.01.2011, 16:57 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Хм... я все наладил, по-моему. Вскоре наверное у меня будут еще вопросы...

Follow your Destiny

  
RevoRen
Дата: Суббота, 08.01.2011, 17:40 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Вопрос себя ждать не заставил.
Вот у меня есть все тот же сайт.
Там на данный момент 1 блок "вход".
Если я сделаю еще 1 такой же, то у меня сайт весь с ног на-голову встанет!
Что такое?
Код блока:
Code
<?if($LOGIN_FORM$)?>
<div class="title"><div class="blockname"><i>Вход</i></div></div>
<div class="blocktext">
$LOGIN_FORM$
<div class="cherta"></div>
</div>
<?endif?>

Код сайта:
Code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link type="text/css" rel="StyleSheet" href="/css-styles.css" />
</head>

<body>
<div class="main">
$GLOBAL_AHEADER$
   
  <div class="container">
  <div class="left">
  $GLOBAL_CLEFTER$
  </div>

  <div class="content">
  $CONTENT$
  </div>
  </div>

</div>

<div class="footer">
  $GLOBAL_BFOOTER$
</div>

$GLOBAL_HINT$
</body>

</html>

Это DOCTYPE:

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

CSS:
Code
.main {height:auto!important; height:100%; min-height:100%; width:705px; margin:auto; background:url('/site/site-middle.png') repeat-y;}  
.header {width:705px; border:none; padding:0px;}
.logo {background:url('/site/shapka.jpg') no-repeat; width:705px; height:160px; padding:0px 0px 0px 60px; margin:auto; position:relative;}
.logo-link {background:url('/site/logo.png') no-repeat; height:130px; width:210px; position:relative;}
.menu {background:url('http://theorydeadman.ucoz.ru/site/shapka-bottom.jpg') no-repeat; width:705px; height:33px; text-align:center; margin:auto;}
.container {background:url('/site/site-middle.png') repeat-y; width:705px;}
.left {padding-top:15px; padding-left:2px; width:200px; float:left;}
.content {margin:0px 0px 0px 200px; padding-left:15px; padding-right:17px; padding-bottom:15px; vertical-align:top;}
.footer {background:#e7e7e7; width:701px; border-left:2px solid #070706; border-right:2px solid #070706; margin:auto;}
.textfooter {padding:10px;}
.title {background:url('/site/top-block.png'); text-align:center; height:25px; color:#a8a8a8; font-size:13pt; text-shadow:0 0 5px #000000;}
.blockname {padding-right:15px}
.blocktext {padding:10px; padding-left:10px; padding-right:25px; text-align:left; width:200px;}
.cherta {border:1px solid #aeaeae; padding-right:15px; margin-bottom:25px; width:200px;}

Помогите пожалуйста!


Follow your Destiny

  
RevoRen
Дата: Суббота, 08.01.2011, 18:07 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Вопрос исчерпан. Я все решил.

Follow your Destiny

  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.