нужна помощь по верстке шаблона
вот шаблон
<!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">
<head>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<META name="robots" CONTENT="index, follow">
<META name="revisit-after" content="2 days">
<meta name='yandex-verification' content='541abf138e949137' />
<title><?php echo $sitetitle;?> - <?php echo $sitename;?></title>
<meta name="keywords" content="<?php echo $metakeywords;?>" />
<meta name="description" content="<?php echo $metadescription;?>" />
<link href="/templates/white2/style.css" rel="stylesheet" type="text/css" media="screen" />
<script language="JavaScript" src="js/iLoad.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26006396-1']);
_gaq.push(['_setDomainName', 'lik-astana.kz']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="wrap">
<a href="/"><div id="header"></div></a>
<div id="top">
<?php echo $lnav;?>
</div>
<ul id="menu">
<li><a href="/">Главная</a></li>
<li><a href="/firma.html">О компании</a></li>
<li><a href="/product/">Продукция</a></li>
<li><a href="/servis.html">Контакты</a></li>
<li><a href="/vakansii/">Вакансии</a></li> </ul>
<div id="left">
<h3>Продукция</h3>
<ul>
<? include("engine/menu.php"); ?>
</ul>
<h2>Поиск по сайту:</h2>
<p>
<div class="yandexform" onclick="return {type: 3, logo: 'rb', arrow: true, webopt: false, websearch: false, bg: '#972431',
fg: '#000000', fontsize: 12, suggest: true, site_suggest: true, encoding: '', language: 'ru'}"><form
action="http://yandex.ru/sitesearch" method="get"><input type="hidden" name="searchid" value="1797850"/><input
name="text"/><input type="submit" value="??????? ????? ??? ??????"/></form></div><script type="text/javascript"
src="http://site.yandex.net/load/form/1/form.js" charset="utf-8"></script>
</p>
<p>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init"
data-yashareL10n="ru" data-yashareType="none"
data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,moikrug"></div> </p>
<h2>Наши адреса</h2>
<h4><left>Республика Казахстан,<br > г. Астана, ул. Бейбитшилик 71<br >тел/факс: +7 (7172) 31 00 01,<br >39 71 90,<br >31 80
42,<br >e-mail: 282-283@mail.ru<br ><br >ул. Кубрина 22/1<br >тел/факс: +7 (7172) 94 93 69,<br >94 93 70.</p>
<p> </p>
<h2></h2>
<p> <center></center></p>
<p><center><script>URL="http://img.gismeteo.ru/flash/fw120x60.swf?index=35188";w="120";h="60";value="35188";lang="ru";</scrip
t><script src="http://img.gismeteo.ru/flash/fcode.js"></script></center></p>
<p><center><!--Rating@Mail.ru counter-->
<script language="javascript"><!--
d=document;var a='';a+=';r='+escape(d.referrer);js=10;//--></script>
<script language="javascript1.1"><!--
a+=';j='+navigator.javaEnabled();js=11;//--></script>
<script language="javascript1.2"><!--
s=screen;a+=';s='+s.width+'*'+s.height;
a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth);js=12;//--></script>
<script language="javascript1.3"><!--
js=13;//--></script><script language="javascript" type="text/javascript"><!--
d.write('<a href="/wrn.php?top.mail.ru/jump?from=1997615" target="_top">'+
'<img src="http://db.c7.be.a1.top.mail.ru/counter?id=1997615;t=210;js='+js+
a+';rand='+Math.random()+'" alt="Рейтинг@Mail.ru" border="0" '+
'height="31" width="88"></a>');if(11<js)d.write('<'+'!-- ');//--></script>
<noscript><a target="_top" href="/wrn.php?top.mail.ru/jump?from=1997615">
<img src="http://db.c7.be.a1.top.mail.ru/counter?js=na;id=1997615;t=210"
height="31" width="88" border="0" alt="Рейтинг@Mail.ru"></a></noscript>
<script language="javascript" type="text/javascript"><!--
if(11<js)d.write('--'+'>');//--></script>
<!--// Rating@Mail.ru counter-->
<!-- begin of Top100 code -->
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2505055"></script>
<noscript>
<a href="/wrn.php?top100.rambler.ru/navi/2505055/">
<img src="http://counter.rambler.ru/top100.cnt?2505055" alt="Rambler's Top100" border="0" />
</a>
</noscript>
<!-- end of Top100 code --></center>
<center><!-- Yandex.Metrika informer -->
<a href="/wrn.php?metrika.yandex.ru/stat/?id=9926776&from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/9926776/3_0_FFFFFFFF_EEEEEEFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и
уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:9926776,type:0,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer -->
<!-- Yandex.Metrika counter -->
<div style="display:none;"><script type="text/javascript">
(function(w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter9926776 = new Ya.Metrika({id:9926776, enableAll: true, ut:"noindex"});
}
catch(e) { }
});
})(window, "yandex_metrika_callbacks");
</script></div>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script>
<noscript><div><img src="//mc.yandex.ru/watch/9926776?ut=noindex" style="position:absolute; left:-9999px;" alt=""
/></div></noscript>
<!-- /Yandex.Metrika counter --><a href="http://yandex.ru/cy?base=0&host=www.lik-astana.kz/"><img
src="http://www.yandex.ru/cycounter?www.lik-astana.kz/" width="88" height="31" alt="Яндекс цитирования" border="0"
/></a></center>
<center><?php include $localpath."./mycode/pagegenerate.php"; ?></center>
</p>
</div>
<div id="right">
<div id="right_s"><?php echo $sitetitle;?></div>
<?echo $contentcenter;?>
<?php include $localpath."./mycode/$myinclude.php"; ?>
</div>
<div id="footer">
<ul id="rss">
<p id="footer_right">© 2011 <?php echo $sitename;?>. Powered by <a
href="http://www.kan-studio.ru/">Kandidat CMS</a></p>
<p id="footer_right">Копирование без ссылки на сайт запрещено!</p>
<p id="footer_right"><a href="/files/main.html
">|Наш баннер|</a> <a href="http://lik-astana.kz/administrator_sayta/">|support.lik-astana|</a> </p>
</ul>
</div>
</div>
</body>
</html>
вот стили
*{ margin: 0; padding: 0; }*
body {
background: #FFFFFF url(images/body.jpg ) ;
margin: 0; padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555555;
}
#header
{
width: 935px;
height: 125px;
margin: left;
padding-top: 0px;
background: url(images/header.bmp) no-repeat;
clear: both;
}
a { color: #972431; background: inherit; }
a:hover { color: #FF0000; background: inherit; }
h1 { color: #FF0000; background: inherit; padding: 5px 0; }
h2 { padding-left: 9px; color: #FFFFFF; font-size: 16px; background: #972431; border-bottom: 2px solid #DEDEDE; margin: 0 0
10px; }
h3 { padding-left: 9px; color: #FFFFFF; font-size: 16px; background: #972431; border-bottom: 2px solid #DEDEDE; margin: 0 0
10px; }
ul { padding: 3px; }
li { margin: 0 10px 2px 10px; list-style-type: square;}
p { margin: 5px 0 10px 0; }
#logo { float: left; margin: 0 10px 10px 10px; }
#top{ float: right; text-align: right; margin: 0px right; }
#top a { color: #336600; margin: 0 0 0 10px; background: #fff url(images/arrow.gif) no-repeat center left; padding: 0 0 0
10px; }
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: .9em; }
input.searchbutton { background: #E60000; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }
#menu { height: 35px; padding: 7px 0 0 0; clear: both; margin: 0 0 18px; background: #fff url(images/menubg.gif) repeat-x; }
#menu li { font-size: 1.1em; display: inline; text-transform: uppercase; }
#menu li a { margin: 0 10px 0 2px; color: #972431; font-weight: bold }
#menu li a:hover { color: #336600; font-weight: bold; text-decoration: underline }
#subheader { clear: both; padding: 8px 10px; height: 27px; line-height: 20px; margin: 0 0 25px 0; background: #eee; color:
#808080; }
#subheader a { background: inherit; color: #444; }
#breadcrumbs { float: left; margin: 5px 0 0; }
#search { float: right; }
#search p { padding: 0; margin: 0; }
.wrap { margin: 30px auto; width: 95%; background: #FFFFFF; border: 2px solid #DEDEDE; }
#left { float: left; width: 190px; margin: 0 10px 10px 10px; }
#left li {
margin-top : 1px;
margin-left : 15px;
}
#right { float: left; width: 720px; margin: 0 10px 10px 0; }
#right li {
margin-top : 2px;
margin-left : 30px;
}
#right_s {
float: center;
padding-left: 9px;
color: #FFFFFF;
font-size: 16px;
background: #972431;
margin: 0 0 0 5% auto;
clear: both;
}
#footer { clear: both; padding: 0px 0px; background: #1A864C; }
#rss { background-color: #972431; border: 0px; }
#rss a { color: #FFFFFF; font-style: italic }
#rss a:hover { color: #1A864C; font-weight: bold; text-decoration: underline }
#rss li { float: left; margin: 0 0 0 0px; }
#footer p { color: #FFFFFF;}
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 100%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }
надо сделать так чтоб блок
<div id="right_s"><?php echo $sitetitle;?></div>
при разных разрениях манитора вытягивался по длине
<div id="right">
<div id="right_s"><?php echo $sitetitle;?></div>
<?echo $contentcenter;?>
<?php include $localpath."./mycode/$myinclude.php"; ?>
</div>
а сам <div id="right">
стоновился по центру
Спустя 1 минута, 47 секунд (9.11.2011 - 11:23) Stas написал(а):
вот переменые
вот сам сайт
<?php echo $sitename;?> - имя сайта
<?php echo $sitetitle;?> - заголовок страницы
<?php echo $metadescription;?> - мета-тег description
<?php echo $metakeywords;?> - мета-тег keywords
<?echo $contentcenter;?> - центральное содержание
<?php include $_SERVER['DOCUMENT_ROOT'].'/engine/menu.php'; ?> - меню ссылок на страницы
<?php include $_SERVER['DOCUMENT_ROOT'].'/mycode/lastnews.php'; ?> - вывод блока краткого содержания последней новости
<?php include $_SERVER['DOCUMENT_ROOT'].'/mycode/'.$myinclude.'.php'; ?> - ваш php-код на страницы
<?php echo $lnav;?> - визуальное отображение глубины навигации по сайту
вот сам сайт
Спустя 5 часов, 20 минут, 31 секунда (9.11.2011 - 16:44) imbalance_hero написал(а):
Укажи обе стороны в %, допустим 20% и 75%. Откорректируй расположение при помощи margin и padding. Если 75% не помещается, то меньше ставь - 74,73 
Спустя 2 часа, 58 минут, 19 секунд (9.11.2011 - 19:42) Stas написал(а):
.wrap { margin: 30px auto; width: 95%; background: #FFFFFF; border: 2px solid #DEDEDE; }
#right { float: left; width:75%; margin: 0 10px 10px 0; }
#right li {
margin-top : 2px;
margin-left : 30px;
}
#right_s {
width:20%;
float: center;
padding-left: 9px;
color: #FFFFFF;
font-size: 16px;
background: #972431;
margin: 0 0 0 5% auto;
clear: both;
}
так
#right { float: left; width:75%; margin: 0 10px 10px 0; }
#right li {
margin-top : 2px;
margin-left : 30px;
}
#right_s {
width:20%;
float: center;
padding-left: 9px;
color: #FFFFFF;
font-size: 16px;
background: #972431;
margin: 0 0 0 5% auto;
clear: both;
}
так