Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






Страниц: 1

 

#1 05.11.2013 13:34

Boriskb
Новичок
Зарегистрирован: 05.11.2013
Сообщений: 4

Совместимость браузеров при использовании CSS

Кто бы дал ссылку на статью о различиях интерпритаций CSS различными браузерами.
Сейчас же меня интересует конкретный вопрос:

в CSS
#hr1 {
    height: 10px;
    margin: 0px 20px 0px 20px;
    background: url(images/hr.jpg) repeat-x left top;

в HTML


что-то есть





что-то опять есть


То есть я хочу поместить в качестве разделителя двух
-ов с одинаковым фоном горизонтальную черту (рисунок (1х10) )

В Опере и файрфоксе все отлично глядится. В ИЕ между разделительным блоком и одним из
появляется  пространство (строка) в несколько пикселей.
В d1 и d2 margin не задает отступов top и bottom тем не менее ИЕ почему то отступ делает.
Замучился уже пробывать различные варианты  - не могу справится с ИЕ.

Нет на форуме

 

#2 05.11.2013 13:42

Boriskb
Новичок
Зарегистрирован: 05.11.2013
Сообщений: 4

Re: Совместимость браузеров при использовании CSS

прошу прощения за невнимательность.
Увидел ответ в
/forum/viewtopic.php?id=1942

Нет на форуме

 

#3 05.11.2013 14:00

Boriskb
Новичок
Зарегистрирован: 05.11.2013
Сообщений: 4

Re: Совместимость браузеров при использовании CSS

Тем не менее продолжу вопросы по совместимости.

CSS
#menu a:hover {
    text-decoration: none;
    border-bottom: solid #A69069;

В опере и FF получаю ожидаемую толстую линию подчеркивания в ссылках, в ИЕ черта подчеркивания гораздо Уже.

Нет на форуме

 

#4 05.11.2013 15:39

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 291
Вебсайт

Re: Совместимость браузеров при использовании CSS

Код:

border-bottom:5px solid #A69069;
С уважением, Вашурин Владимир.

Нет на форуме

 

#5 05.11.2013 16:17

Boriskb
Новичок
Зарегистрирован: 05.11.2013
Сообщений: 4

Re: Совместимость браузеров при использовании CSS

vashurin написал:

Код:

border-bottom:5px solid #A69069;

Благодарю, но
Все равно они разной толщины в опере и в ИЕ.
Причем заметно разной. Впечатление что px в этих браузерах разного размера smile

Нет на форуме

 

#6 05.11.2013 18:57

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: Совместимость браузеров при использовании CSS

Boriskb написал:

vashurin написал:

Код:

border-bottom:5px solid #A69069;

Благодарю, но
Все равно они разной толщины в опере и в ИЕ.
Причем заметно разной. Впечатление что px в этих браузерах разного размера smile

Такого не может быть. Или у Вас масштабирования разные в браузерах. ctrl+0 или ctrl+*(для IE7). Или же откуда-то фонит более сильный селектор. Ставьте фаербаг или вебдевелопменттулбар и проверяйте.

Нет на форуме

 

#7 09.02.2014 22:46

shapovala
Новичок
Откуда: Киев
Зарегистрирован: 09.02.2014
Сообщений: 7
Вебсайт

Re: Совместимость браузеров при использовании CSS

Минимальная ширина div в ie становит 15 пикселей, попробуй вместо дива для раздиления используй img.

http://prostosait.com.ua/ -узнай об верстке больше

Нет на форуме

 

 

Страниц: 1


Board footer