Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Внутренние элементы растягивают блок в IE6 / 5 сообщений из 5, страница 1 из 1
11.05.2010, 16:33:00
    #36621429
Anton Klyauzov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Внутренние элементы растягивают блок в IE6
CSS:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
a.sbt {
    background:url("/templates/sinclair/images/sml_btn_bg.png") repeat-x;
    display:inline-block;
    height:22px;
    line-height: 22px;
    white-space: nowrap;
    color:#fff;
    text-decoration: none;
    cursor: hand;
}
a.sbt b, a.sbt i{    
    display: block;
    height:22px;
    font-style: normal;
    font-weight: normal;
    cursor: hand;
}
a.sbt b{
    background:url("/templates/sinclair/images/sml_btn_l.png") no-repeat left top;
}
a.sbt i{
    background:url("/templates/sinclair/images/sml_btn_r.png") no-repeat right top;
    padding-left:10px;
    padding-right:10px;
}

HTML:
Код: plaintext
<a class="sbt" href="ss"><b><i>Добавить в корзину</i></b></a>


Должна получиться кнопка,растянутая по размеру соедержимого (текста), а в IE6 она растягивается до 100% родительского элемента.
применение для IE6 стиля

Код: plaintext
1.
2.
a.sbt {
display:inline-block !important;
}

положительного результата не дает - внутренние <B> и <I> растягивают её.


Как его обмануть?
Ширина кнопки заранее не известна
...
Рейтинг: 0 / 0
11.05.2010, 16:38:06
    #36621458
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Внутренние элементы растягивают блок в IE6
a.sbt b{
background:url("/templates/sinclair/images/sml_btn_l.png") no-repeat left top;
padding: 0;
}

попробуй
...
Рейтинг: 0 / 0
11.05.2010, 16:39:16
    #36621463
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Внутренние элементы растягивают блок в IE6
и, кстати, зачем вообще нужны тэги B и I? может стилем сделаешь шрифт?
...
Рейтинг: 0 / 0
11.05.2010, 16:46:46
    #36621490
Anton Klyauzov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Внутренние элементы растягивают блок в IE6
Так паддинг у меня не влияет:
Код: plaintext
1.
2.
3.
*  {
margin: 0 ;
padding: 0 ;
}
И элемент <A> растягивается до 100%, тут Padding не при чем.

Konst_Oneи, кстати, зачем вообще нужны тэги B и I? может стилем сделаешь шрифт?
Поясни - что имеешь ввиду?
...
Рейтинг: 0 / 0
11.05.2010, 16:47:40
    #36621493
Anton Klyauzov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Внутренние элементы растягивают блок в IE6
B и I - это для маленьких картинок с краями кнопки, всмотрись в CSS
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Внутренние элементы растягивают блок в IE6 / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]