VPF::smarty корежит верстку - Форум программистов

yalo

Дата 6.6.2007, 10:40 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 210
Регистрация: 24.5.2006

Репутация: нет
Всего: 2

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

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

значит такой код:

Код


<!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" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>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" class="lft" /><img alt=""  class="lft" 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;
}

помогите, пожалуйста smile

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

Это сообщение отредактировал(а) yalo - 15.8.2007, 08:26

yalo

Дата 6.6.2007, 12:03 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 210
Регистрация: 24.5.2006

Репутация: нет
Всего: 2

еще раз здравствуйте, я разобралась с проблемой smile

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

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

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

и вот ссылка на всякий, которую дали мне запоздало на другом форуме
http://phpclub.ru/talk/showthread.php?s=&a...hlight=UTF8+BOM

тема получилась конечно не в тему, но надеюсь модератор переместит ее куда надо, если посчитает нужным

спасибо всем за внимание smile

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »