Проблемы с CSS, перекос и 100% - это не 100%?

Question

Я работаю над небольшим проектом, и у меня две крошечные проблемы с CSS.

Я поиграл со всем безрезультатно.

1) В IE6 содержимое и логотип расположены неправильно.

2) В Firefox окно всплывающей подсказки зафиксировано в нижней части страницы (что ухудшается в IE6), хотя и имеет ширину: 100%; не охватывает весь экран. С левой стороны есть пробел.

Эти проблемы можно увидеть, просмотрев http://gua.com/wd/ в соответствующих браузерах.

Если бы кто-нибудь мог посоветовать, что пошло не так и почему, это было бы очень признательно. Спасибо

Answer 1

для Firefox: Вы можете добавить left:0; для #bottom

для интернет-обозревателя: я вижу, что ваше меню неправильно, а не логотип.Чтобы решить эту проблему, просто добавьте margin:0 для #top-nav

Answer 2

«100%» означает «100% клиентского пространства родительского блока».Не "100% всего окна просмотра".

А поддержка CSS в IE6 просто вне здравого смысла.Если это не сработает, используйте абсолютное позиционирование или что-либо еще в специальной таблице стилей и включите его в условные комментарии.

Answer 3

В идеале вы должны использовать какую-то css reset таблицу стилей для преодоления специфических особенностей браузера.

В вашем случае добавление margin: 0px; к вашему body должно сработать (для Firefox).IE6, ну, обычно лучше оставить его в условной таблице стилей IE6.