Div-ы с display:inline в IE наезжают друг на друга.
ЕСТЬ РЕШЕНИЕ
ЗАКРЫТО
Div-ы с display:inline в IE наезжают друг на друга. Кто сталкивался?
#1
16 марта 2015 в 11:22
Доброго времени суток! Подскажите, кто сталкивался с проблемой корявого отображения дивов в браузере Internet Explorer, как сделать так, чтобы дивы с display:inline не наезжали друг на друга при уменьшении размера окна браузера. Также буду рад, если кто-нибудь подскажет из-за чего это происходит.. Благодарю за внимание.
#2
16 марта 2015 в 12:49
Происходит из за того что Internet Explorer до 10 или 11 версии не поддерживает display:inline.
#3
16 марта 2015 в 13:14
Зачем обманывать то людей, если сами не знаете ответа то не стоит вводить людей в заблуждениеПроисходит из за того что Internet Explorer до 10 или 11 версии не поддерживает display:inline.
для общего развития htmlbook.ru/css/display
display:inline доступен для всей линейки IE другой вопрос в том что там есть ряд замарочек с использование его в шаблонах, и по картинке никто не скажет что не так в верстке ибо не понятно какой код и какие стили при этом еще используются.
Напишу для топик стартера без ссылки на сайт такой вопрос примерно как поставить диагноз по аватарке, по факту Вам никто не ответит на ваш вопрос.
Сегодня в 14:53
#4
16 марта 2015 в 13:19
День добрый! Ссылочка на скриншоте видна и в хедере сайта и в адресной строке, правда не очень разборчиво, но всё же продублирую: elservis.ru
Напишу для топик стартера без ссылки на сайт такой вопрос примерно как поставить диагноз по аватарке, по факту Вам никто не ответит на ваш вопрос.
Спасибо за внимание.
#5
16 марта 2015 в 13:28
Как я уже говорил проблема не в inline а проблема в том что у вас смесь дивной и табличной верстки.
joxi.ru/l2ZVpRxFO8E32J
проблема не в диве с инлайном а в вашем модуле с табличным выводом данных, таблица не меняем своего размера, при изменении разрешении экрана, то есть ячейка не может быть меньше ширины контента внутри ее. Уберите все свои таблицы из верстки тогда будет все работать так как нужно.
joxi.ru/l2ZVpRxFO8E32J
проблема не в диве с инлайном а в вашем модуле с табличным выводом данных, таблица не меняем своего размера, при изменении разрешении экрана, то есть ячейка не может быть меньше ширины контента внутри ее. Уберите все свои таблицы из верстки тогда будет все работать так как нужно.
#6
16 марта 2015 в 13:51
Как я уже говорил проблема не в inline а проблема в том что у вас смесь дивной и табличной верстки.
Ок, допустим. Но тогда почему при меньшем разрешении, например, на планшете, даже без изменения размера окна, а просто при открытии страницы в браузере всё равно такая крокозябра? В таблицах везде ширина задана через проценты.
#7
16 марта 2015 в 14:29
я ж написал у вас данный блок распирает таблица модуля.
#8
16 марта 2015 в 20:44
Выставите width для таблицы
#9
17 марта 2015 в 10:28
Ширина выставлена (width:100%;). В пикселях выставлять не буду, т.к. меня фиксированный размер совсем не устраивает.Выставите width для таблицы
Послушался совета maxisoft, буду переделывать с табличной на дивную верстку. Спасибо за совет.