VPF::Расположить один див точно под другим

tenmet

Дата 20.8.2012, 17:45 (ссылка)

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

Загрузка ...

Новичок

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

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

Сделал два блока, один над другим

Код


<div style="width:221px;height:40px;border-left:1px solid red;border-right:1px solid red;"></div>
<div style="width:221px;height:40px;border-left:1px solid blue;border-right:1px solid blue;"></div>

Но почему-то нижний сдвигается влево, буквально чуть-чуть, меньше пикселя, см фото. Можно их сделать ровно друг над другом?

Присоединённый файл ( Кол-во скачиваний: 22 )

div.jpg 4,00 Kb

Wolf1994

Дата 21.8.2012, 12:30 (ссылка)

(голосов:1)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 5.10.2004

Репутация: 1
Всего: 29

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

Можете убедиться в корректной работе браузера и правильном позиционировании, увеличив маштаб страницы или приведённого снимка экрана.

Это сообщение отредактировал(а) Wolf1994 - 21.8.2012, 12:46

tenmet

Дата 23.8.2012, 17:46 (ссылка)

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

Загрузка ...

Новичок

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

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

Ясно, ну ладно, против физики не попрешь)

ardeler

Дата 26.8.2012, 15:04 (ссылка)

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

Загрузка ...

Старец

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

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

нечего невозможного не вижу ...
попробуй так

Код


<div style="width:221px;height:40px;border-left:1px solid red;border-right:1px solid red; display:block; clear:both;"></div>
<div style="width:221px;height:40px;border-left:1px solid blue;border-right:1px solid blue; display:block;clear:both;"></div>

либо так

Код


<div style="width:221px;height:40px;border-left:1px solid red;border-right:1px solid red; "></div>
<div style="display:block; clear:both;"></div>
<div style="width:221px;height:40px;border-left:1px solid blue;border-right:1px solid blue;"></div>

--------------------

Jumo network | myspace

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