Меню
Что нового?

некорректное отображение верстки после загонки в шаблон

yalo

yalo

Новичок
некорректное отображение верстки после загонки в шаблон

Здравствуйте всем.

Не совсем понимаю в чем проблема - в верстке или в смарти, или во мне :confused:
Очень прошу помощи.

Итак, отверстан макет. Валиден. Начинаю его загонять в смарти и вижу, что "всеми любимый" браузер IE отображает коряво код, а именно между плавающими дивами вставляет небольшой пробел, в результате последний див не влазит в одну линию и переносится соответственно на другую строку.. Подозреваю, что дело не в верстке скорее всего, так как получившийся код, то есть выкинутый в результате обработки в браузер, я пересохранила в формате html, запустила и все ок. Помогите кто-нибудь, пожалуйста, сталкиваюсь с этим уже второй раз, в первый раз так и не получилось уйти от проблемы, обошлась не помню какой хитростью, но теперь уже не получится, да и разобраться бы надо, в обработке смарти что ли.. или в верстке..

Кроме того, перед самым доктайпом вставляется какой-то невидимый символ, в коде эксплорера он как прямоугольник, а в браузере самом его нет, но IE конечно же оставляет под него строку, в результате весь код съезжает на строчку ниже, причем в FF и опере как всегда конечно же все ок.
знаю, что глюк возможно не очевидный, но не единственная же я, кто с ним столкнулся

такой код шаблона:

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>тайтл</title>
<link rel="stylesheet" type="text/css" href="/themes/{$theme}/styles/style.css" />

</head>

<body>
<div class="contpicture">
<div class="marginpicture">
<div class="picdiv1"><img alt="" src="/themes/{$theme}/images/leftpic.jpg" width="201" height="239" class="rght" /></div>
<div class="picdiv2"><img alt="" src="/themes/{$theme}/images/centpic.jpg" width="368" height="239" /><img alt="" src="/themes/{$theme}/images/rightpic.jpg" width="233" height="239" /></div>
<div class="picdiv3"></div>
</div>
</div>
<div class="slogan"><h1>Технологии</h1><br /><h3>безопасные</h3><br /><h4>для</h4><br /><h2>окружающей<br />среды</h2></div>

</body>
</html>

и такие стили к нему соответственно:

.* {
margin: 0px;
padding: 0px;
}
.html {
height:100%;
}
.body {
min-width: 1003px;
width: 100%;
width: expression((body.clientWidth <= 1003) ? "1003px" : "100%");
min-height:100%;
height:100%;
font: 10pt/13.5pt Tahoma, Arial, sans-serif;
color: #000000;
}
.* html body {
height: 100%;
}
.div {
width: 100%; float: left;
}
..lft {
float: left;
}
..rght {
float: right;
}
..contpicture{
background: #FFFFFF;
}

.marginpicture {
float: none;
width: auto;
padding: 2px;
}
..picdiv1{
background: #00335A;
height: 239px;
width: 33%;
}
..picdiv2{
height: 239px;
width: 61%;
background: #62BD00 url(/themes/default/images/greenline.gif);
}
..picdiv3{
background: #62BD00 url(/themes/default/images/greenline.gif);
height: 239px;
width: 6%;
}
..slogan{
margin-top: -230px;
z-index: 9999;
color: #003C6A;
font: 15pt/17pt Arial, Helvetica, sans-serif;
width: 50%;
padding-right: 20px;
text-align: right;
float: right;
}

помогите, пожалуйста.
з.ы. набираю код в редакторе WeBuilder 2006, не знаю - может он плохой, раз чего-то вставляет без моего (явного) ведома
 
zerkms

zerkms

TDD infected
Команда форума
слабо сравнить исходный и итоговый сгенеренный код?
 
yalo

yalo

Новичок
я же сказала, что сравнила
в общем там дело обстоит так - когда просматриваю сгенерированный код, там стоит прямоугольник в самом начале документа, в окне отображения браузера его нет, но в коде сгенерированном есть. Так вот - если я этот код скопирую как html, убрав предварительно уже явно видимый непонятный символ, то тогда все нормально при просмотре его как html-кода.
То есть суть в том, что в результате обработки шаблона вставляется какой-то невидимый символ, мешающий только браузеру IE
 
Mr_Max

Mr_Max

Первый класс. Зимние каникулы ^_^
Команда форума
yalo
стоит прямоугольник в самом начале документа
Нажмите для раскрытия...
Если стоит до html ищите проблему в Вашых скриптах движка.
А именно где есть вывод в браузер
Включите при этом непечатные символы
 
yalo

yalo

Новичок
спасибо большое Mr_Max
Вы направили меня на верный путь.
По-видимому следует объяснить суть проблемы на случай, если кто-то столкнется с подобным и выйдет на тему через поиск.
В общем дело собственно даже и не в смарти. Я попробовала его выключить и посмотреть, что будет в браузере без кода, сгенерированного при помощью смарти. Оказалось при наличии абсолютно белого экрана в окне браузера, в коде html все же стоял тот несчастный невидимый символ. Дело в том, что в прошлом я использовала кодировку cp1251, а щас решила перейти на UTF-8. А у этой кодировки есть два способа сохранения по крайней мере в моем редакторе:
1) save as utf-8
2) save as utf-8 without BOM

из яндекса к сведению: "Byte Order Mark (BOM) - это три служебных байта, которые автоматически записываются в начало документа и обозначают, что он сохранён в кодировке UTF"

так вот - пересохранив все свои пхпэшные файлы, которые были задействованы в генерации документа, вторым способом, я и убрала тот самый невидимый служебный символ
спасибо всем за внимание

-~{}~ 06.06.07 12:56:

простите, BRat, только щас заметила, что Вы мне как раз ответили на мой вопрос, а я уже сама дошла и разъяснила всем:)), извините за невнимательность, но ссылка Ваша очень ценная, я ее сохранила себе как все полезные ссылки инета:)

-~{}~ 06.06.07 13:09:

че-то я все попутала, кто мне какие ссылки дал, оказывается на эту ссылку я сама вышла через поиск в яндексе, вот

http://webtest.chebykin.ru/articles/utf8/
 
Войдите или зарегистрируйтесь для ответа.
Сверху