Верстка, CSS: Смещение в 1 пиксел @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 13 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
vvzone
новый человек
3
Сообщения: 7
Зарегистрирован: 21.12.07
Заголовок сообщения: Верстка, CSS: Смещение в 1 пиксел
Сообщение Добавлено: 21 Декабрь 2007, 13:20:37 
Файл:
<div id="left_bord">
</div>

<div id="main_block">
</div>

<div id="right_bord">
</div>

CSS:

#left_bord{
position: absolute;
width: 14%;
height: 100%;
top: 0;
left: 0;
background-color: #ff0000;
}


#right_bord{
position: absolute;
width: 14%;
height: 100%;
top: 0;
right: 0;
background-color: #ff0000;
}

#main_block{
position: absolute;
width: 72%;
height: 100%;
top: 0;
left: 14%;
right: 14%;
background: #df0023;
}

Проблема:
В 1280х1024 между центральной колонкой и правой есть просвет в 1 пиксел. Почему?

Пока ни один вариант не помог. Проблема таже.


Последний раз редактировалось vvzone 21 Декабрь 2007, 13:55:05, всего редактировалось 1 раз.
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 21 Декабрь 2007, 13:28:31 
Потому что ИЕ и right не любят друг друга.

_________________
Frontend developer: IonDen.com
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 21 Декабрь 2007, 13:29:47 
Не судьба так сделать:
Код:
left:0; width:14%
left:14%; width:72%;
left:86%; width:14%


?

_________________
Frontend developer: IonDen.com
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 21 Декабрь 2007, 13:37:20 
Тогда так:
Код:
body {text-align:center; background:#F00;}
#main_block {width:72%; margin:0 auto; background:#df0023;}

либо можете добавить в свой код:

body {background-color: #ff0000;}


_________________
Frontend developer: IonDen.com
vvzone
новый человек
3
Сообщения: 7
Зарегистрирован: 21.12.07
Сообщение Добавлено: 24 Декабрь 2007, 11:29:24 
Так вот, ничего не помогает. Кроме того, вариант с заливкой body или нижнего слоя тем же цветом - неподходит. Отмечу, что для firefox и opera этой проблемы нет. Кто нибудь решал подобную проблему?

2 nikku
Это вполне полный код. Тупо "три квадратика" и отвратительно простое правило. В эксплоре появляется смещение в один пиксел. Все.
Версии Оперы и firefox? Да какие угодно. Ни в одной версии ни Оперы ни Лисы я этой проблемы не встречал. Моя версия firefox 2.0.0.11, только какое отношение это имеет к делу, если разговор о IE6?


Последний раз редактировалось vvzone 24 Декабрь 2007, 14:55:45, всего редактировалось 1 раз.
nikku
новый человек
0
Сообщения: 6
Зарегистрирован: 12.09.07
Сообщение Добавлено: 24 Декабрь 2007, 13:08:10 
не понятно что такое. версии мозиллы с оперой и ссылку на полный код пожалуйста
vvzone
новый человек
3
Сообщения: 7
Зарегистрирован: 21.12.07
Сообщение Добавлено: 25 Декабрь 2007, 10:11:43 
http://an-kolizey.ru/dont_delete/test2.html
Проще говоря, сравните в firefox и IE...
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 25 Декабрь 2007, 10:19:35 
vvzone, сколько можно говорить, в ИЕ не лечицо. Таблицей нужно сделать.

_________________
Frontend developer: IonDen.com
[cyber]form Муж.
участник
60
Сообщения: 1523
Зарегистрирован: 26.10.05
Откуда: Латвия/Лиепая
Сообщение Добавлено: 25 Декабрь 2007, 13:16:33 
vvzone, сделайте

right: -1px; именно для ие, горизонтальный скролл не появляется.
только в ие7 проблема не с правым отступом, а с колонками в целом.
а лучше не занимайтесь подобным. 1 пиксель погоды не сделает.

_________________
Жаль, что глупость не приносит болевых ощущений.
Антон Шандор ЛаВей
vvzone
новый человек
3
Сообщения: 7
Зарегистрирован: 21.12.07
Сообщение Добавлено: 25 Декабрь 2007, 16:45:59 
[cyber]form, спасибо, правда уже справился :) Но насчет одного пикселя несоглашусь... Да и заклинило меня немного на этом... Как это все верно, а в эксплорере съезжает...

IonDen666, прекрасно все лечится отрицательными отступами и отдельным файлом стилей для ie.
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 25 Декабрь 2007, 17:34:07 
[cyber]form, vvzone,

-1px имеет свой отрицательный эффект не надо вот тут

этот -1 иногда в ИЕ становиться нулем

_________________
Frontend developer: IonDen.com
[cyber]form Муж.
участник
60
Сообщения: 1523
Зарегистрирован: 26.10.05
Откуда: Латвия/Лиепая
Сообщение Добавлено: 25 Декабрь 2007, 18:42:28 
дык, я и не отрицаю, просто, справиться с ие и его однопиксельным отступом - единственный вариант, который я нашёл.

я бы изначально бы изменил подход, а не искал бы потом способы избавиться от этого отступа.

_________________
Жаль, что глупость не приносит болевых ощущений.
Антон Шандор ЛаВей
arlekino Муж.
соучастник
5
Сообщения: 481
Зарегистрирован: 05.07.01
Откуда: Москва
Сообщение Добавлено: 26 Декабрь 2007, 11:23:44 
Код:
body,html
{ padding: 0; margin: 0; height: 100%; }

#left_bord{
position: absolute;
width: 14%;
height: 100%;
top: 0;
left: 0;
background-color: #ff0000;
}
#right_bord{
position: absolute;
width: 14%;
height: 100%;
top: 0;
right: 0;
background-color: #ff0000;
}

#main_block{
height: 100%;
margin-left: 14%;
margin-right: 14%;
background: #df0023;
}

Не проще ли?
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 13 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100