Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Странный div 
V
    Опции темы
Aux
Дата 4.10.2006, 22:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Почему то IE отображает большую рамку (100 на 100) выше заданной координаты на 14 пикселей, если поместить одну точку то все отображается точно. В опере такой проблемы нет. Ниже код у которого левый верхний угол рамки не совпадает с черной точной, хотя координаты абсолютно одинаковые. white.gif и black.gif однопиксельные точки соответствующего цвета.

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">

<style>
html, body{
  margin: 0px;
  padding: 0px;
  width:100%;
  height:100%;
}
#image{
  border-color: #c8c8c8;
}
</style>
    
</head>

<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">

<div style="top: 50px; left: 50px; position: absolute; z-index: 0">
  <img src="img/black.gif" width="1" height="1" border="0">
</div>

<div style="top: 50px; left: 50px; position: absolute; z-index: -1">
  <img src="img/white.gif" width="100" height="100" border="1" id="image">
</div>

</body>
</html>
PM MAIL   Вверх
R.M.
Дата 5.10.2006, 11:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30
Не совсем понятно. Покажи как должно быть.


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Aux
Дата 5.10.2006, 15:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Жаль картинку некуда выложить... Если запустить этот код в опере, то черная точка совпадает с левым верхним углом рамки, так оно и должно быть, поскольку координаты обоих div одинаковы. А если открыть в IE, то черная точка будет ниже. Опытным путем установил что точка находится как положено (на тех координатах которые заданы), а рамка поднялась на верх на 14 пикселей.

Добавлено @ 15:59 
Вот вариант оперы http://photofile.ru/users/aux/2159894/36271385/
А это IE http://photofile.ru/users/aux/2159894/36271384/
PM MAIL   Вверх
Illuminaty
Дата 7.10.2006, 03:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56
так попробуй
Код

<div style="top: 50px; left: 50px; position: absolute; z-index: 1"><img src="img/black.gif" width="1" height="1" border="0"></div>
<div style="top: 50px; left: 50px; position: absolute; z-index: 2"><img src="img/white.gif" width="100" height="100" border="1" id="image"></div>
То есть пробелы убери вокруг <img />. Их IE отображает и в этом твоя проблема.
PM MAIL ICQ   Вверх
Aux
Дата 8.10.2006, 00:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Большое спасибо Illuminaty! Помогло. 
PM MAIL   Вверх
Illuminaty
Дата 8.10.2006, 08:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56
Всегда пожалуйста  smile 
PM MAIL ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0415 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.