Вот возникла проблема: переключатели страниц в боксовой верстке в 2 колонки высвечиваются не сразу после окончания контента, а там, где они должны были быть, но только со смещением вниз, пока не кончиться 2ая колонка.
Пример.
Как бороться? Верстка Алековская.
Code
<body>
<div id="header">
$GLOBAL_AHEADER$
</div>
<div id="wrapper">
<div id="blocks">
$GLOBAL_CLEFTER$
</div>
<div id="container">
$BODY$
<?if($PAGE_SELECTOR$)?><div style="text-align:center;">$PAGE_SELECTOR$</div><?endif?>
</div>
<div id="clear"></div>
<div id="space"></div>
</div>
<div id="footer">
$GLOBAL_BFOOTER$
</div>
</body>
А вот стили.
Code
/* Главные */
body {background:#fff; color:#222; font-size:10pt; font-family:Tahoma, Arial; line-height:20px; margin:0px; padding:0px;}
img {border:none; outline:none;}
img::-moz-focus-inner {border:none;}
#header {width:750px; margin:auto; height:43px; margin-top:15px; border:none;}
#logoImg::-moz-focus-inner {border:none;}
#logoImg {outline:none;}
#headerMenu {line-height:43px; float:right; font-size:12pt;}
.hLink:link {color:#aaa;}
.hLink:visited {color:#aaa;}
.hLink:hover {color:#ff3600;}
.hLinkA:link {color:#aaa; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.hLinkA:visited {color:#aaa; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.hLinkA:hover {color:#ff3600; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#wrapper {width:750px; margin:auto; margin-top:30px;}
#container {text-align:justify; margin-right:230px;}
#blocks {float:right; width:200px;}
.block {margin-bottom:40px;}
.blockText {margin:5px 0px 5px 0px; padding:10px 5px 10px 5px; border-bottom:1px solid #dadada; border-top:1px solid #dadada; text-align:justify;}
#clear {clear:both;}
#footer {width:100%; margin-top:20px; border-top:1px solid #ccc; padding-top:20px; margin-bottom:20px;}
#textFooter {width:750px; margin:auto; color:#aaa;}
#rssAndPhone {float:right;}
a:link {text-decoration:none; color:#ff3600;}
a:visited {text-decoration:none; color:#ff3600;}
a:hover {text-decoration:none; color:#aaa;}
/* Записи */
.eTitle {font-size:13pt; color:#aaa; padding:0px; margin-top:50px; text-transform:uppercase; text-shadow:1px 1px 1px #d9d9d9;}
.eTitle:link {color:#ff3600;}
.eTitle:visited {color:#ff3600;}
.eTitle:hover {color:#aaa;}
.eCateg {font-size:13pt; color:#939393; padding:0px; margin-top:30px;}
.eCateg:link {text-decoration:none; color:#aaa;}
.eCateg:visited {text-decoration:none; color:#aaa;}
.eCateg:hover {text-decoration:underline; color:#939393;}
.eTitleNotLink {font-size:13pt; color:#aaa; padding:0px; margin-top:30px; text-transform:uppercase; text-shadow:1px 1px 1px #d9d9d9;}
.eMessage {text-align:justify; padding:10px; border-bottom:1px dashed #aaa;}
.eText {text-align:justify; padding:10px; border-bottom:1px dashed #aaa;}
.eDetails {background:#f6f6f6; padding:5px 10px; color:#555; font-style:italic; border-bottom:1px solid #aaa;}
.eLike {margin-top:10px; padding:10px 10px; box-shadow:0 0 3px #777; -moz-box-shadow:0 0 3px #777; -webkit-box-shadow:0 0 3px #777;}
.creativeArt {border:0px; padding:0px; margin:0px 0px 10px 0px; outline:none;}
.eInfo {background:#fff6f3; padding:10px; margin:0px 0px 5px 0px; border:1px solid #ff3600; box-shadow: 0 0 3px #ff3600; -moz-box-shadow: 0 0 3px #ff3600; -webkit-box-shadow: 0 0 3px #ff3600; text-align:justify;}
/* Переключатели */
.catPages1 {margin-top:21px!important; padding-bottom:1px!important;}
.swchItem:link {background:#fff; padding:3px 10px 1px 10px; color:#ff3600; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:21px;}
.swchItem:visited {background:#fff; padding:3px 10px 1px 10px; color:#ff3600; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.swchItem:hover {background:#ff3600; padding:3px 10px 1px 10px; color:#fff; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.swchItemA {background:#aaa; padding:3px 10px 1px 10px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom:2px solid #ff3600;}
Code
<?if($PAGE_SELECTOR$)?><div style="text-align:center;">$PAGE_SELECTOR$</div><?endif?>
Этот код (последний, который я предоставил) должен, по логике, идти сразу после содержимого $BODY$, но не идет. Кто поможет? З.Ы. Undershot, я знаю, у тебя в блоге все это отлажено, значит ты знаешь, как с этим бороться!
Заранее спасибо.
