Автоширина для IE

Статус
Закрыто для дальнейших ответов.

natascha

Member
Регистрация
12.04.2011
Сообщения
13
Всем, привет!
Есть горизонтальная менюшка, табы, сделаны блоками без заданной ширины. Во всех браузерах отображается нормально, а вот ие как всегда отличился.
Растягивает каждый таб на всю ширину родительского дива.
Пробовала присоединять отдельный ксс в хеде, двойной слеш, тире и знак подчеркивания - ничего не помогает(

Проверяю как выглядит в 8-мом.
А глянуть сайт можно тут omegaclinic.ru
 

marker

Well-Known Member
Регистрация
23.10.2010
Сообщения
399
Не понимаю что у вас не так, но думаю свойство для ie поможет.
Код:
_width:auto;
 

natascha

Member
Регистрация
12.04.2011
Сообщения
13
Всем спасибо, ошибка была таки выявлена, центральные дивы "up" и "down" указывали ширину 100%.
 

natascha

Member
Регистрация
12.04.2011
Сообщения
13
Товарищи, поднимаю эту тему снова, т.к. на отдельно взятой машине все-таки проблемы с отображением ширины табов. _width: auto; к сожалению не помогает. Подскажите какие еще есть способы.
Проблему смотрите на скрине.
 

Вложения

  • 163,6 КБ Просмотры: 19

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 153
Млин, там столько лишнего кода....
Заверстай c CSS3, с уголками и тенями на нем.
Кода будет в три раза меньше, и проблема легко исправиться.
А то что не будет правильно отображаться в Осле (эти самые уголки и тени), мелочь, зато верстка не поедет!
 

natascha

Member
Регистрация
12.04.2011
Сообщения
13
Млин, там столько лишнего кода....
Заверстай c CSS3, с уголками и тенями на нем.
Кода будет в три раза меньше, и проблема легко исправиться.
А то что не будет правильно отображаться в Осле (эти самые уголки и тени), мелочь, зато верстка не поедет!
Изначально так и было, но потом пришлось картинками специально под ие переверстывать.
Очень верю, что выход из данной ситуации все таки есть, просто он пока не найден)
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 153
да, конечно есть, просто из-за такого большого количества кода не нужного, сложно перелопачивать его.
а если поставить дисплей: блок?

UPD
Можно нескромный вопрос?
Код:
//_width: auto;
Это чо? Типа закомментированно?

А ты сама то смотрю охренеть как запуталась в своих же стилях
Короче воть
Код:
.center_links {
    
    height: 27px;
    background-color: #fffbf5;
    //_width: auto;
	display: block;position: relative;float: left;
    }   
    
 
    
.center_links.act {
    background-color: #e6555f;display: block;position: relative;float: left;
    }    


/* классы для уголков - начало */

.up {
    height: 22px;display: block;position: relative;float: left;
    }
    
.down {
    height: 5px;
    display: block;position: relative;float: left;
    }    
    
.center_links .BR {
    background-image: url('/manager/templates/default/images/ugolki/br1.png');
    background-repeat: no-repeat;
    display: block;position: relative;float: left;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    }    
    
.center_links .BL {
    background-image: url('/manager/templates/default/images/ugolki/bl1.png');
    background-repeat: no-repeat;
    display: block;position: relative;float: left;
    width: 5px;
    height: 5px;
    }     
    
.center_links .bot {
    background-image: url('/manager/templates/default/images/ugolki/bottom1.png');
    background-repeat: repeat;
    height: 5px;
	display: block;position: relative;float: left;
    }     
    
.center_links .lef {
    background-image: url('/manager/templates/default/images/ugolki/left1.png');
    background-repeat: repeat;
    display: block;position: relative;float: left;
    width: 5px;
    height: 22px;
    }       
    
.center_links .rig {
    background-image: url('/manager/templates/default/images/ugolki/right1.png');
    background-repeat: repeat;
    display: block;position: relative;float: left;
    width: 5px;
    height: 22px;
    }      

.center_links .link_in_center {
    display: block;position: relative;float: left;
    padding: 4px 2px;
    }
В Осле6 работает
Везде просто понапихал display: block;position: relative;float: left;
Местами удалил.. например width: 100%, местами float: right;
Разбирайся дальше сама.

ЗЫ Кстати, комментарии хака для стилей осла рекомендую взять общий для всех, т.к. 6 осел не понимает комментарии для 8 осла.
 

natascha

Member
Регистрация
12.04.2011
Сообщения
13
да, конечно есть, просто из-за такого большого количества кода не нужного, сложно перелопачивать его.
а если поставить дисплей: блок?

UPD
Можно нескромный вопрос?
Код:
//_width: auto;
Это чо? Типа закомментированно?
display: block не помогло - все без изменений,
а // - обозначение, чтобы только ие понимал, хотя в данном случае это лишнее. До этого пробовала в основном ксс файле прописывать, вот и копирнула как было.

да, конечно есть, просто из-за такого большого количества кода не нужного, сложно перелопачивать его.
а если поставить дисплей: блок?

UPD
Можно нескромный вопрос?
Код:
//_width: auto;
Это чо? Типа закомментированно?

А ты сама то смотрю охренеть как запуталась в своих же стилях
Короче воть
Код:
.center_links {
    
    height: 27px;
    background-color: #fffbf5;
    //_width: auto;
	display: block;position: relative;float: left;
    }   
    
 
    
.center_links.act {
    background-color: #e6555f;display: block;position: relative;float: left;
    }    


/* классы для уголков - начало */

.up {
    height: 22px;display: block;position: relative;float: left;
    }
    
.down {
    height: 5px;
    display: block;position: relative;float: left;
    }    
    
.center_links .BR {
    background-image: url('/manager/templates/default/images/ugolki/br1.png');
    background-repeat: no-repeat;
    display: block;position: relative;float: left;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    }    
    
.center_links .BL {
    background-image: url('/manager/templates/default/images/ugolki/bl1.png');
    background-repeat: no-repeat;
    display: block;position: relative;float: left;
    width: 5px;
    height: 5px;
    }     
    
.center_links .bot {
    background-image: url('/manager/templates/default/images/ugolki/bottom1.png');
    background-repeat: repeat;
    height: 5px;
	display: block;position: relative;float: left;
    }     
    
.center_links .lef {
    background-image: url('/manager/templates/default/images/ugolki/left1.png');
    background-repeat: repeat;
    display: block;position: relative;float: left;
    width: 5px;
    height: 22px;
    }       
    
.center_links .rig {
    background-image: url('/manager/templates/default/images/ugolki/right1.png');
    background-repeat: repeat;
    display: block;position: relative;float: left;
    width: 5px;
    height: 22px;
    }      

.center_links .link_in_center {
    display: block;position: relative;float: left;
    padding: 4px 2px;
    }
В Осле6 работает
Везде просто понапихал display: block;position: relative;float: left;
Местами удалил.. например width: 100%, местами float: right;
Разбирайся дальше сама.

ЗЫ Кстати, комментарии хака для стилей осла рекомендую взять общий для всех, т.к. 6 осел не понимает комментарии для 8 осла.
Спасибо, BaNru, но не поверишь, не помогло( Кстати уточню, не работает только на отдельно взятой машине, хотя версии совершенно идентичны.
Об этом в отдельной теме тут: Моя ссылка
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 153
А если воспользоваться хаком от гугла?
http://code.google.com/p/ie7-js/

Вот посмотри страничку у себя. У меня нормально отображается.
Посмотреть вложение 1.ZIP
 

natascha

Member
Регистрация
12.04.2011
Сообщения
13
А если воспользоваться хаком от гугла?
http://code.google.com/p/ie7-js/

Вот посмотри страничку у себя. У меня нормально отображается.
Посмотреть вложение 1524
Отобрали машину с нерадивым браузером, так что теперь завтра буду пробовать.
Вообще хотелось бы конечно с картиночками все таки проверить(уголки, тени которые)
За активную поддержку, Спасибо!
 
Статус
Закрыто для дальнейших ответов.
Верх Низ