>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Тег <DIV> "гуляет" на некоторых страницах на 1 пиксель по вертикали

голоса: 0

Здравствуйте. В некоторых загруженных html-файлах тег сдвигается на 1 px вниз. В остальных все нормально. Код страницы простейший:

<html><head><title>...</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><link type="text/css" rel="stylesheet" href="/_st/my.css"></head><body><a title="..." href="..." target="_blank"><div class="ifsize4">... <font color="green">...</font> (?)</div></a>

Таблицу стилей использую от установленного шаблона, добавив стили для этих страниц:

.ifsize4 {position: absolute;top: 5px;left: 0px;line-height: 0px;}

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

Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk
Предоставьте ссылку на страницу пример где проблему можно увидеть. Просто по коду выше проблему не решить, ее нужно видеть.
| Автор:

Добрый день.

Посмотрел в увеличении - верхняя граница и в нормальных и в косячных файлах одинаковая, видимо, проблема во фреймах, в которых они открываются:
http://detali-bu.ucoz.ru/forum/233-1353-1

Здесь косяк хорошо заметен по нижней части скобок и ножке буквы "р" (текст диода обрезан, конденсатора - в норме):
детали электрооборудования (СВЧ-часть):
• диод (DIODE HV) CL01-12 - 125 руб. есть (?)
• конденсатор (CAPACITOR HV) CH85•21090•2100V•AC - 450 руб. есть (?)

Здесь скриншот этого участка в 6х увеличении: http://detali-bu.ucoz.ru/bezymjannyj.png (красным отмечен лишний пиксель сверху у диода, который отсутствует у конденсатора).

Здесь .css-стили для фреймов: .ifsize {align:left;padding:0px;margin: 3px 0px 0px 0px;width:100%;height:11px;border:0;cursor:hand;}

 
| Автор:
pv.perm,
Стилями этими пикселями управлять нельзя, вы ищите проблему где ее нет так как никто не увеличивает текст на столько как вы это сделали. Если вот так увеличить текст как вы увеличили, на любом сайте такую проблему можно обнаружить которая таковой не является так как никто не читает сайты (тексты) при увеличении его в 6х раз.
| Автор:

Юрий, при всем уважении к Вашим знаниям позволю себе не согласиться с Вашими выводами:

"Стилями этими пикселями управлять нельзя" - http://htmlbook.ru/css/margin: "Величину отступов можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах."

"вы ищите проблему где ее нет" - на страницах есть строки с фреймами и без, высоту фреймов с высотой обычных строк я выравнял (кстати, именно с помощью атрибута "px"), теперь все упирается в этот драный пиксел - если увеличить на него высоту фреймов, чтобы были полностью видны косячные строки, нарушается общий межстрочный интервал.

"никто не увеличивает текст на столько как вы это сделали" - я это сделал исключительно для Вашего удобства, чтобы проблема была видна сразу.

С уважением.

| Автор:
Однако, добил:). Изменил сдвиг по вертикали для загруженных файлов (таблица в первом посте) на четное число (6) и скорректировал ширину и позицию фрейма в таблице во втором посте. Вот поди, знай что этой бяке нечетные числа не нравятся.
| Автор:

Ответов: 1

голоса: 0
Проблема в position: absolute; поставьте position:relative; и уберите top.
| Автор:

Уважаемый Sentimo, к сожалению, В данном случае Ваши советы неприменимы (мне нужно абсолютное позиционирование строки относительно левого верхнего угла с дальнейшим сдвигом ее на 3 пикселя вниз: с position:relative это сделать не удастся), тем более, что проблема кроется не в этом, т.к.в первом ответе я уже написал: "Посмотрел в увеличении - верхняя граница и в нормальных и в косячных файлах одинаковая, видимо, проблема во фреймах, в которых они открываются:".

| Автор:
pv.perm,
Пойдём другим путём, зачем использовать айфрейм? если он во всём виноват...
| Автор:
Я этих путей уже перепробовал... пока единственный реальный. Буду посмотреть, может, найду косячину. Спасибо за участие.
| Автор:
...