фиксированная проблема при присвоении нижнего свойства в IE8

Я создал приложение чата, я сохранил родительский div, связанный с приложением чата, как position: fixed . вот код выдержки:

#chat-outline
{
    background-color: gray;
    width: 16%;
    height: 45%;
    min-height: 300px;
    min-width: 200px;
    max-height: 450px;
    max-width: 300px;
    position: fixed;
    bottom: 25px;  //even tried by giving 'em', no use
    right: 10px;
    padding: 2px;
}  

Проблема в том, что в IE8 мне нужно дать больше значения для свойства bottom , чтобы сделать его полностью видимым (нижняя часть сокращает). Если я это сделаю, в chrome приложение чата будет больше, чем обычно.

Любое исправление к этому?

Я делаю это в asp.net, поэтому нет необходимости беспокоиться о doctype. (Поскольку он предоставляет шаблон)


РЕДАКТИРОВАТЬ:

<�Сильный> HTML



<title></title> <script src="Scripts/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="JSfiles/file.js" type="text/javascript"></script> <link href="Styles/style.css" rel="stylesheet" type="text/css" /> <!--[if lte IE 8 ]>
<!--> <html> <!--
0
nl ja de
вы пробовали давать дно в%?
добавлено автор Arun Killu, источник
Да, я тоже это пробовал ..
добавлено автор Mr_Green, источник
@MyHeadHurts Эта ссылка рекомендует условные комментарии. в любом случае спасибо за ссылку :)
добавлено автор Mr_Green, источник
@MyHeadHurts Это правда, однако, чтобы разрешить проверку, я бы предпочел ...
добавлено автор David Passmore, источник

3 ответы

Add a conditional HTML class for IE8. Change your <html> tag to this

<!--[if lte IE 8 ]><!-->
<html>
<!--

а затем в вашем CSS это

.ie_8 #chat-outline {
    bottom: 25px  //OR whatever it needs to be
}

Это будет означать, что увеличенное дно не повлияет на другой браузер:

See here for more info: Link

<Сильный> ИЗМЕНИТЬ

Ваш html недействителен:

Попробуй это:


<!--[if lte IE 8 ]>
    
<!-->
    
<!--
1
добавлено
Эй, это работает на вашей стороне?
добавлено автор Mr_Green, источник
Это не работает. Проверено с помощью «контрольного элемента» до сих пор нижнее значение составляет 25 пикселей вместо 55 пикселей
добавлено автор Mr_Green, источник
Нет, я не хочу. Можете ли вы сделать образец html с предоставленным мной CSS и попробовать его?
добавлено автор Mr_Green, источник
Я не получил вас. Если вы имеете в виду doctype , то он находится в сообщении.
добавлено автор Mr_Green, источник
Да, сработал. Он работал с вашего первого поста. Я не видел, что вы вводите .ie8 вместо .ie_8 в css. Исправьте это.: D. благодаря
добавлено автор Mr_Green, источник
@Mr_Green Хорошая точка: D
добавлено автор David Passmore, источник
Я вижу, что проблема видна в моем редактировании
добавлено автор David Passmore, источник
не совсем, я имею в виду файл .html все это :)
добавлено автор David Passmore, источник
мне понадобится html-разметка, чтобы сделать это, можете ли вы предоставить мне это?
добавлено автор David Passmore, источник
У вас есть ссылка? я взгляну
добавлено автор David Passmore, источник
@Mr_Green Он работал для меня в прошлом, у меня нет ссылки на ваш сайт, поэтому я не могу его протестировать.
добавлено автор David Passmore, источник
<!--[if gt IE 7]>
    


0
добавлено
Эй, это работает на вашей стороне?
добавлено автор Mr_Green, источник
@AspiringAqib Не стоит беспокоиться.
добавлено автор David Passmore, источник
не обязательно, если вы используете условные классы, то есть: вместо <link rel и т. д., затем вы можете добавить его в существующий.
добавлено автор David Passmore, источник
Он должен работать, но это встроенный стиль, который будет единственной проблемой, которую я могу видеть
добавлено автор David Passmore, источник
Я сделал это, потому что в противном случае ему понадобится отдельный .css-файл, чтобы связать его с HTML.
добавлено автор Muhammad Talha Akbar, источник
О, да, это может быть! Спасибо
добавлено автор Muhammad Talha Akbar, источник

Вы пытались сбросить заполнение и разметку документов?

CSS:

html, body {
   margin: 0;
   padding: 0;
}
0
добавлено
извините, не используйте :)
добавлено автор Mr_Green, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)