проблема в IE6 с div + relative @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 9 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
Tachila
новый человек
0
Сообщения: 4
Зарегистрирован: 05.07.07
Заголовок сообщения: проблема в IE6 с div + relative
Сообщение Добавлено: 5 Июль 2007, 22:12:02 
размещаю несколько дивов по определенным координатам . и они расползаются.
использовать absolute не могу
вот 2 примера
должно выглядеть так: http://mosrent.ru/test_absolute.php

а выглядит так http://mosrent.ru/test_relative.php
- дивы разьехались,да еще и изображение сместилось вниз .

в опере работает нормально,кроме сьезжания вниз на 1 см.
примеры отличаются только absolute /relative
дивы имеют такой стиль
div.dv2
{
float:left;
position:absolute;
width:0px;
height:0px;
}


как бы мне это победить?
спасибо
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 6 Июль 2007, 00:04:54 

Tachila писал(а):
использовать absolute не могу


почему? Что мешает? Или не умеете?

Tachila писал(а):
float:left;
position:absolute;
width:0px;
height:0px;


прекрасная конструкция. И как она по-вашему должна выглядеть в броузере?

_________________
клетчатый!
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 6 Июль 2007, 06:06:41 
Tachila, вы должны понять, что используюя абсолют вы выдергиваете див из потока и соответственно должны задать ему координаты.

Использовать флоат и абсолют одновременно - не имеет смысла

_________________
Frontend developer: IonDen.com
Tachila
новый человек
0
Сообщения: 4
Зарегистрирован: 05.07.07
Сообщение Добавлено: 6 Июль 2007, 10:28:55 
абсолют и флоат затесалось случайно.Вопрос стоит как используя relative - поставить дивы на нужные координаты.то эти координаты разьезжаются по оси Х.
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 6 Июль 2007, 11:06:48 
Tachila, так что там с абсолютом все-таки? :glasses:
Рилейтивом — только падингами слева-сверху. Но это будет еще и зависеть от размера шрифта, поэтому нужно зафиксировать высоту. Но это в свою очередь зависит от доктайпа и работает по разному в ИЕ/неИЕ.
Почему бы вам не нароисовать картинку уже с циферками и не оформить ее имиджмап-ом или не обратится к флешу?

_________________
клетчатый!
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 6 Июль 2007, 14:04:25 
Причем тут релейтив вы объясните?

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

_________________
Frontend developer: IonDen.com
Tachila
новый человек
0
Сообщения: 4
Зарегистрирован: 05.07.07
Сообщение Добавлено: 6 Июль 2007, 18:00:38 
To IonDen666
это в примере картинка зафиксирована. а на сайте она висит в разделе. а раздел в свою очередь центрирован по центру экрана и при изменении размеров окна все дивы с абсолютом останутся на месте а картинка уедет.

to karamba
имажмап не хотел использовать ,но видимо придется.
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 6 Июль 2007, 18:10:17 
Tachila, а чтобы этого не происходило картинка вешается внутрь контейнера, который плавает по центру. Скажем:

Код:
<div style="text-align:center;">
   <div style="width:300px; position:relative; margin:0 auto; text-align:left">
        <img src="картинка" width="300" height="300" alt="" />
        <div style="posititon:absolute; top:100px; left:100px;">01</div>
        <div style="posititon:absolute; top:150px; left:150px;">02</div>
        <div style="posititon:absolute; top:200px; left:200px;">№…</div>
   </div>
</div>

_________________
Frontend developer: IonDen.com
Tachila
новый человек
0
Сообщения: 4
Зарегистрирован: 05.07.07
Сообщение Добавлено: 9 Июль 2007, 10:46:58 
to IonDen666
Спасибо огромное. все заработало как надо!
Век живи-век учись в действии.
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 9 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


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