HTML+CSS+JavaScript

Есть следующий код

<span style="height: 25px;  width: 70%;  background-color: #8c0000">!</span>

Так вот. В IE фон как мне и надо закрывает 70% ширины, а в Опере и NN только на ширину знака "!". Как исправить?

попробуй так

<span style="height: 25px;  background-color: #8c0000; min-width: 70%;//width: 70%;">!</span>

disdplay:block - ширина вроде тока блочных элементов (или inline..... точно что-то из DISPLAY)

у span-а по умолчанию display:inline ;)
да, для решения твоей задачи можно использовать, вместо span-а, div с position:inline;

>у span-а по умолчанию display:inline ;)
>да, для решения твоей задачи можно использовать, вместо span-а, div с position:inline;

помогло, но теперь всплыла другая проблема :((((
дело в том, что у меня там было 2 спана в 1 строку

я сделал дивы, а они теперь стали друг над другом

<div style="display:inline; height: 25px;  background-color: #8c0000; min-width: 70%;//width: 70%;">!</div>

если не поможет, делай так

<div style="float:left; height: 25px;  background-color: #8c0000; min-width: 70%;//width: 70%;">!</div> <div style="float:left; height: 25px;  background-color: #8c0000; min-width: 30%;//width: 30%;">!</div>

только у этого способа есть свои особенности.

уже лучше:)))

P.S.: 2Lelik:, а почему ты пишешь так

<div style="display:inline; height: 25px;  background-color: #8c0000; min-width: 70%;//width: 70%;">!</div>

и что за особенности?

свойство стиля min-width && min-height ИЕ не поддерживает, а Опера, ФФ и нетскейп только для блоков. min-width и min-height используется для того, чтоб в браузерах О, ФФ и Н, блоки могли тянутся (попробуй сделай следующее <div style="height:100px; border:1px solid red;"></div> и напихай текста более чем на 100рх), тогда как в ИЕ блоки тянутся. Те же Опера, Нетскейп и ФФ поддерживаю комменты двойным слешом (создается однострочный коммент) в стилях (как в теге <style></style> так и в прикрепленном стиле, так и в атрибуте), а ИЕ двойной слеш игнорирует, соответственно стили после коммента читает, потому для заслешованых стилей необходимо двоеточие (//width: 70%;)
Вывод при задании div-у стиля
min-width: 70%;//width: 70%;
создает достаточно гибкую структуру дива.
Еще об отличиях стилей в ИЕ и ФФ, О, Н:
ИЕ при чтении одинаковых стилей примет значение последнего, тогда как другие примут значение стиля первого

... cursor:pointer;// это значение будет принято в ФФ, О, Н cursor:hand;//это значение будет принято в ИЕ ...

Спасибо!

Lelik, RULEZZ!!!

>попробуй так
>...

не помогло