фиксированная проблема при присвоении нижнего свойства в 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
добавлено отредактировано
Просмотры: 2
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, источник