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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> слои в IE 7 
:(
    Опции темы
MrDmitry
Дата 11.1.2010, 19:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Парни помогите, как нормально работать с div в ie 7?
делаю примерно след конструкцию
Код

<div class="album_view">
         <span class="in_left">
    <span>Порядок:</span>
    <a href="#">Интересность</a>
    <span class="orange">Время добовления</span>
    </span>
    <div class="in">
        <span>Вид:</span>
        <a href="#">Мини</a>
        <span class="orange">Детали</span>
        <a href="#">Блог</a> <a href="#">Редактировать альбом</a><a href="#">Добавить фото</a>
    </div></div>

Код


.album_view{font-weight:bold;color:#646464;zoom:1;padding:0 15px 0 0;height:17px;margin-bottom:-2px;}
.album_view:after{content:' ';clear:both;display:block;width:0;height:0;overflow:hidden;font-size:0}
.album_view > .in{float:right;white-space:nowrap;font-size:0;position:relative;}
.album_view > .in > *{font-size:14px;display:-moz-inline-stack;display:inline-block;zoom:1;margin:0 0 0 6px;}
.album_view > .in > span.orange{color:#ff3600}
.album_view > .in_left{margin-left:8px;white-space:nowrap;font-size:0;color:#969696;}
.album_view > .in_left > *{font-size:14px;display:-moz-inline-stack;display:inline-block;zoom:1;margin:0 0 0 6px;}
.album_view > .in_left > span.orange{color:#ff3600}

div in съезжает как будто я делаю <br>  :(
В браузерах FF 3.5 Chrom Opera 10 все нормально
PM MAIL   Вверх
Mavrun
Дата 11.1.2010, 19:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Код

         <span class="in_left">
    <span>Порядок:</span>
    <a href="#">Интересность</a>
    <span class="orange">Время добовления</span>
    </span>



думаю дело в спане in_left, потому что в этом спане ещё спаны и прочее. кароче замени спан на див или что-нибудь такое

Это сообщение отредактировал(а) Mavrun - 11.1.2010, 19:59
PM MAIL   Вверх
brother79
Дата 12.1.2010, 05:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



В ie обычно 2 особенности:
1) width|height, min|max-width|height, первое может поразному относиться к бордерам или margin и padding, т.е. но это можно вылечить через doctype, второго в ie просто нет, и приходится извращаться, способы извращений по этому случаю в инете есть, как эмулировать данные вещи в ие.
2) если в ие что-то не вошло хоть на 1 пиксель, то див съезжает, в отличае от того же ff, который может и так отработать. 


--------------------
PM MAIL WWW   Вверх
blah
Дата 12.1.2010, 11:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

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



Цитата(brother79 @  12.1.2010,  04:46 Найти цитируемый пост)
второго в ie просто нет
Только в ie6 нет.
Цитата(brother79 @  12.1.2010,  04:46 Найти цитируемый пост)
в отличае от того же ff, который может и так отработать.  
Не может. С чего вы вообще это взяли?


MrDmitry, 
 <div class="in"> должен идти по коду перед <span class="in_left">.
PM MAIL ICQ   Вверх
brother79
Дата 12.1.2010, 12:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(blah @  12.1.2010,  11:57 Найти цитируемый пост)
Не может. С чего вы вообще это взяли?


Есть там такая фишка, я вот только не помню все детали, но в ие оно перепрыгивает вниз гораздо чаще, тогда как в ff просто вылезало за пределы родительского дива, не скажу что это баг, протосто надо внимательно следить чтобы всё входило, сталкивался с этим неоднократно просто сам. Опять же может при <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> их поведение более похоже друг на дружку, я тогда с каким-то из 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 

верстал, а может там owerflow по умолчанию по разному стоит, счас уже не помню, но там постоянно подгонять приходилось.

Ещё в 6-м помню важен был порядок следования дивов со св-вом float, т.е. в зависимости от пор-ка он мог див опустить вниз, в то время как фф - расположит его где нужно не зависимо от чередования  float:left и float:right.

Добавлено через 1 минуту и 10 секунд
кстати по поводу флоатов - похоже как раз этот случай smile 


--------------------
PM MAIL WWW   Вверх
MrDmitry
Дата 12.1.2010, 18:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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


 




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


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

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