BU4
Создатель
- Регистрация
- 8 Янв 2009
- Сообщения
- 36
- Реакции
- 1
- Автор темы
- #1
Доброго времени суток. Решился попробовать сверстать для себя DLE шаблон, возникла проблема которая меня долбит уже 2 дня, высота блока с контентом. Шаблон верстается для онлайн роликов, возможно причина в этом ..
Вот скрин:
_http://img227.imageshack.us/img227/3724/222ma.jpg
Вот HTML код:
вот css:
так-же вот шаблон можно скачать целиком: _http://www.sendspace.com/file/71u50j
мне посоветовали проверить валидатором, нашло много ошибок но ничего значительного не увидел. Быть может вы заметите ?
уже задолбался 100-й раз пересматривать одно и то-же, очень очень прошу помочь
Вот скрин:
_http://img227.imageshack.us/img227/3724/222ma.jpg
Вот HTML код:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{headers}
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<style type="text/css" media="all">
@import url({THEME}/css/style.css);
</style>
<style type="text/css" media="all">
@import url({THEME}/css/engine.css);
</style>
</head>
<body>
{AJAX}
<div class="saitbox">
<!--shapka-->
<div class="shapka">
<div class="shapka-top">
<div class="logo"><div class="logolink"><a href="/">Logo</a></div></div>
<div class="kn1">
<a href="/" class="kn2"></a>
</div>
</div>
<div class="opisanie">
<a href="/"><h1 class="textlogo">Название сайта</h1></a>
<i>Мы рады вновь видеть вас здесь! Перед использованием службы Календарь Google нам необходимо узнать о вас подробнее. Пожалуйста, введите дополнительную информацию.</i>
</div>
</div>
<!--/shapka-->
<!--saitbar-->
<div id="bigcenter">
<div class="sitebar">
<div class="title">Навигация</div><br>
<div class="menu">
- <a href="/">Главная</a><br>
- <a href="/">Игры</a><br>
- <a href="/">Фильмы</a><br>
- <a href="/">Видео(клип)</a><br>
- <a href="/">Юмор</a><br>
- <a href="/">Новости</a><br>
- <a href="/">Софт</a><br>
- <a href="/">MP3</a><br>
- <a href="/">Обои/Wallpaper</a><br>
- <a href="/">Главная</a><br>
- <a href="/">Игры</a><br>
- <a href="/">Фильмы</a><br>
- <a href="/">Видео(клип)</a><br>
- <a href="/">Юмор</a><br>
- <a href="/">Новости</a><br>
- <a href="/">Софт</a><br>
</div>
</div>
<!--/saitbar-->
<div id="content">
<div class="sort">[sort]{sort}[/sort]</div>
{info}
{content}
</div>
</div>
<div class="footer">ФУТЕР ФУТЕР ФУТЕР ФУТЕР</div>
</div>
За основным блоком
</body>
</html>вот css:
HTML:
html,body{
margin:0px;
padding:0px;
color:#bd00a6;
background:#494949;
font-size:14px;
font-family:tahoma;
}
a{
text-decoration:none;
color:#38a4ff;
}
a:hover{
color:#000;
}
a img{
border:0;
}
.saitbox{
width:1000px;
height:100%;
margin:0 auto;
background: #FFFFFF;
}
.shapka{
width:998px;
height:386px;
background:url(../images/4_031.jpg) no-repeat;
border:1px solid #fff;
}
.shapka-top{
width:100%;
height:195px;
}
.logo{
width:278px;
height:160px;
background:url(../images/logo.png) no-repeat;
margin:20px;
float:left;
}
.logolink{
width:278px;
height:160px;
overflow:hidden;
text-indent:-90000px;
float:left;
}
.logolink a{
display:block;
padding:100px;
}
.kn1{
margin-left:590px;
margin-top:22px;
width:123px;
height:123px;
background:url(../images/kn1.png) no-repeat;
}
a.kn2{
display:block;
background:url(../images/kn22.png) 0 0;
width:106px;
height:106px;
margin: 9px;
float:left;
}
a.kn2:hover{
display:block;
background:url(../images/kn22.png) 0 106px;
width:106px;
height:106px;
margin: 9px;
float:left;
}
.opisanie{
width:350px;
height:150px;
margin:10px;
}
h1.textlogo{
width:110px;
color:#c000aa;
font-size: 16px;
font-family: tahoma;
}
.sitebar{
width:200px;
height:100%;
margin:10px;
background:#fff1e4;
float:left;
}
.menu {color: #3e4d55; font-size: 12px; font-family: Verdana; line-height: 180%; padding-left: 10px;}
.menu a {color: #757575; text-decoration:none; }
.menu a:hover {color: #3e4d55; text-decoration:none; }
.title {color: #3e4d55; font-size: 18px; font-family: Verdana;}
.title a {color: #3e4d55; text-decoration:none; }
.title a:hover {color: #757575; text-decoration:none; }
#bigcenter{
width:1000px;
height:1000%;
background: #FFFFFF;
}
#content {
float: left;
width: 780px;
background: #FFFFFF;
}
#content hr{
width: 680px;
color:#ffffff;
float:left;
}
#shortstory {
margin-bottom: 1em;
width: 720px;
padding:15px;
}
#shortstory .date {
float: right;
color: #FFFFFF;
line-height: 36px;
padding-right: 18px;
}
#shortstory .date a { color: #FFFFFF; }
#content .title_h {
display: block;
margin-top:0;
font: 18px/normal "Trebuchet MS", Arial, Tahoma, sans-serif;
}
#shortstory h1 span {
line-height: normal;
font-size: 0.8em;
}
#shortstory .content {
margin-bottom: 1.5em;
margin-top: 1em;
}
#shortstory .detail {
display: block;
width: 720px;
height: 25px;
}
#shortstory .right {
float: right;
display: block;
padding-top: 3px;
}
#shortstory .left { float: left; }
#shortstory .left .rating { line-height: 22px; }
#shortstory .left .unit-rating {
margin-top: 1px;
line-height: 16px;
height: 16px;
}
#preview_video {
display: inline-table;
//display: inline;
border-collapse: collapse;
border-spacing: 0;
margin: 0px 12px 25px 0px;
width: 140px;
}
#preview_video h2 {
color: #d04718;
margin: 4px 0px 2px 0px;
padding: 0px;
font: bold 10px/normal Verdana, Arial, Helvetica, sans-serif;
}
#preview_video h2 a {
color: #d04718;
text-decoration: none;
}
#preview_video h2 a:hover { text-decoration: underline; }
#preview_video .image { }
#preview_video .image img {
border: 1px solid #dea9a9;
margin-bottom: 3px;
}
#preview_video .info {
color: #a3a3a3;
font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
width: 163px;
}
#preview_video .info .lft {
float: left;
width: 95px;
overflow: hidden;
}
#preview_video .info .rgt {
width: 65px;
float: right;
text-align: right;
}
.comm-header {
color: #7d0600;
background: #ff908a url(../images/bg_comm.gif);
font: 12px Verdana, Arial, Helvetica, sans-serif;
height: 29px;
border: 1px solid #bb0500;
margin: 0px;
padding: 0px 18px;
width: 684px;
}
.comm-header h2 {
margin: 0px;
padding: 0px;
font: 18px/29px "Trebuchet MS", Arial, Tahoma, sans-serif;
color: #7d0600;
}
.comm-header .right-comm {
float: right;
line-height: 29px;
height: 29px;
}
#comment {
background: #e9e9e9;
width: 702px;
display: block;
padding-left: 18px;
padding-top: 8px;
padding-bottom: 8px;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
}
#comment .info span { color: #999999; }
#comment .comm-bottom {
display: block;
text-align: right;
font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
float: right;
padding-right: 18px;
}
#addcomm, #regg, #inff {
background: #e9e9e9;
width: 720px;
display: block;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
margin: 1.5em 0px 0px;
padding: 0px;
}
#addcomm .addcom-header {
color: #7d0600;
background: #ff908a url(../images/bg_comm.gif);
font: 18px/29px "Trebuchet MS", Arial, Tahoma, sans-serif;
height: 29px;
border: 1px solid #bb0500;
margin: 0px;
padding: 0px 18px;
width: 684px;
}
#addcomm .addcom-content { padding: 8px 1em 8px 18px;
}
.f_textarea {
height: 150px;
width: 460px;}
.short_title { height:25px;}
.short_title a { color:#FF52C4; font-weight:bold; font-size:10px; font-family:verdana,sans-serif; vertical-align:bottom;}
.short_img { width:140px; height:100px; border:dotted 1px #FF00FF; margin:0 0 4px 0;}
.short_img img { width:140px; height:100px;}
.shotd_detail { height:50px;}
.shotd_detail a { color:#0cbff2;}
.short_views {color:#717171; font-size:11px; margin: 4px 0;}
#dle-speedbar {
margin-bottom: 1em;
display: block;
}
.sort{
width:760px;
height:20px;
margin:10px 0 0 0;
padding:5px;
}так-же вот шаблон можно скачать целиком: _http://www.sendspace.com/file/71u50j
мне посоветовали проверить валидатором, нашло много ошибок но ничего значительного не увидел. Быть может вы заметите ?
уже задолбался 100-й раз пересматривать одно и то-же, очень очень прошу помочь
