Проблема отображения в разных браузерах

Сделал обычную шапку: левая сторона - логотип, правая - просто заполнение однопиксельной картинкой на всю ширину. По высоте обе части одинаковы, но на сайте (stolica-s.su ) одна часть получается выше другой на 1пиксель (это происходит только в mozilla 2.0, в IE 6.0 и 5.5, а также в Opera 9.0 - все нормально).
Очевидно проблема где-то в CSS, но ... сломал всю голову.

 

Ответ: Проблема отображения в разных браузерах

Прочел сообщение, зашел на сайт через Mozilla Firefox 2.0.0.6 - все ровно, вроде бы. Internet Explorer 7.0.5730.11 и Opera 9.22 - то же самое. Поздравляю!

 

Ответ: Проблема отображения в разных браузерах

Проверил в Firefox 2.0.0.6 и 7.0.5730.11 - все ок!

 

Ответ: Проблема отображения в разных браузерах

Обычно в опере с лисой всё ровно а в осле уходит.
В моём случае, для лисы 2.0.0.4 и оперы 9.21 разница в пару пикселей для растояния между левой колонкой и контентом. А вот для 6-го осла по сравнению с оперой и лисой, вся страница относительно белого фона гуляет от верхнего левого угла гдето на 8-10 пикселей в нижний правый угол.

В первом случае пара пикселей не играет большой роли, так как это незаметно, ведь простой посетитель не заходит на страницу под несколькими браузерами. А вот второй случай, тут надо в ксс поправить, если в 7 осле всё в норме, то для имеющегося pading или margin, что там у тебя для смещения используется, надо сделать дубль. Первый pading или margin прописать так: pading: Xpx Xpx Xpx Xpx!important; - Это будет для всех браузеров кроме 6-го осла и тех что старей, а вторая строчка без !important, это для 6-го осла.

 

Ответ: Проблема отображения в разных браузерах

Круто, а я до этого самого момента и не знал толком, с какой целью в файлах каскадных таблиц стилей используется ключевое слово '!important' - теперь заинтересовался и полез за справкой в свои "CSS-буквари". Спасибо, что натолкнул на мысль - думаю, это поможет в решении многих проблем несоответствия в браузерах. От меня тебе +1.

 

Ответ: Проблема отображения в разных браузерах

Осел часто добавляет +1 пиксель по высоте за то, что в шаблоне выпишете тег <img> с новой строки.
Например, вот в таком коде IE добавит полоску в 1 пиксель после картинки:

Код (CODE):

1. ...
2. <td class="class1">
3. <img src="path/name.ext" alt="">
4. </td>
5. ...

А в таком - нет:

Код (CODE):

1. ...
2. <td class="class1"><img src="path/name.ext" alt=""></td>
3. ...

 

Ответ: Проблема отображения в разных браузерах

У меня попалась вторая проблема. Хочу сделать так как ты советуешь, но не понял насчет дубля... Можеш код для примера набросать?

 

Ответ: Проблема отображения в разных браузерах

Допустим для ячейки sample устанавливаем отступы. Выглядеть будет примерно так:

Код (CODE):

1. td.sample{
2. padding: 0px 0px 0px 0px; //Для IE6 и меньше.
3. padding: 0px 0px 0px 0px!important; //Для остальных браузеров.
4. }

 

Ответ: Проблема отображения в разных браузерах

Слушай, не получилось к сожалению. Я выложу скрины из разных браузеров, может посмотришь, чтобы понять что именно я хочу.

 

Ответ: Проблема отображения в разных браузерах

fridder, если что непонятно, почему разброс, то делай бордюр для таблицы, ячейки таблицы или див контейнера, тогда будет видно что к чему, удобней ориентироваться. Тем более что для осла и других браузеров не только для отступов но и размеры играют роль, так как для одного браузера можно и не задовать размер, а в другом из за этого вылезет проблема. К примеру для осла таблица по высоте будет такой, какой вся высота содержимого, а в лисе и опере останется заданой, а содержимое вылезит из таблицы.

Потом, правильней будет так:

Код (CODE):

1. td.sample{
2. padding: 0px 0px 0px 0px!important; //Для остальных браузеров.
3. padding: 0px 0px 0px 0px; //Для IE6 и меньше.
4. }

Тоесть сначало для остальных браузеров, а потом для осла.

 

Ответ: Проблема отображения в разных браузерах

Привет знающим людям! Сделал простой шаблон, всё хорошо - но только не в IE между первой и второй таблицей - полоса, как эту ненужность убрать за 3 часа экспериментов не понял. Понимаю, что в CSS нужно прописать , но так как сталкнулся впервые - то... пока мне её не одолеть

 

Ответ: Проблема отображения в разных браузерах

atman, в css:

Код (CODE):

1. table {margin: 0px;}

 

Ответ: Проблема отображения в разных браузерах

Ага, в IE всё не по людски, то и дело прходится в ксс прописывать margin: 0px; или padding: 0px; или высоту задавать, иначе расползается как хочет.

 

Ответ: Проблема отображения в разных браузерах

Бесполезно, сколько не бился не сог сделать так, что бы в IE не было полосы между 2 таблицами, а запихивать весь сайт в одну таблицу не хотелось бы - сказывается на загрузке. Конечно попробую сам справиться, но и от помощи не откажусь.

 

Ответ: Проблема отображения в разных браузерах

atman, так задай в ксс для таблиц бордюр, и посмотри что за полоса, если точно между таблиц, задай через margin-bottom: 0; для первой таблицы, или смести вторую на верх немного. Хотя обычно margin: 0; вполне хватает.

 

Здравствуйте!
Сайт нормально отображается в лисе и опере. Но в IE7 появляется какая-то полоса, а в IE6 еще и модуль, который должен б. расположен справа, почему-то пляшет, где только пожелает.
Не знает ли кто-нибудь как это можно исправить?

 

в template.css
после строчки

#top {

добавить

height: 0px;

 

Спасибо, в IE7 стало нормально.
а вот в шестом ничего не изменилось...

Добавлено через 4 часа 45 минут
Подправила css. Модуль в IE6 перестал прыгать, но полоса осталась + отступ справа.

 

Помогите плиз с отображением сайта! Вот сайт:http://bashrtisnab.ru/v2/index.php
При просмотре с помощью explorer v.6 показывает, будто до css не может достучаться. Что интересно opera и firefox показывают нормально.

 

У меня в ИЕ 7.0 при наведении мышки на любой контент цвет меняется, в других браузерах всё на ура. Вот часть CSS:

a {
color: #1d8239;
/*color: #000000;*/
text-decoration: none;
}

a:hover {
color: #f6298e;
/* font-weight: bold;*/
text-decoration: underline;
}

Ещё сдвиги на 8-ом Експлорере


Помогите, плиз рарзрулить. Сайт www.skrepka.pl.ua