Вопрос по совместимости браузеров

23 августа 2006 г.

Здравствуйте!
Ситуация следующая. При верстке макет сайта тестировался на различных браузерах (ИЕ, Мозилла, Опера). Во всех браузерах макет отображался корректно. При интеграции в КСМ сайт корректно отображается только в ИЕ, в Мозилле и Опера под каждой картинкой добавляется пустая строка шириной 2-3 пиксела. Из-за чего весь сайт просто перекареживает до безобразия. Обнуление всех возможных параметров (паддинг, марджин) не помогло

После безуспешных попыток привести сайт в божеский вид был залит тот же самый макет, но уже все КСМ - на тестовом макете никаких проблемм с другими браузерами нет. Поэтому пришли к выводу, что глюк возникает из-за самой КМС.
Подскажите пожалуйсто, где этот глюк искать и как вообще с ним можно бороться?

Для примера сайт, о котором говорил - www.prog.su и тестовый макет www.prog.su/test Посмотрите обе ссылки под Мозиллой.

С уважением,
Анисимов Сергей

P.S. такой же глюк сейчас обнаружелся и на другом сайте, работающим на Вашей КМС - http://alyansrekrut.ru/в Мозилле и Опера под каждой картинкой добавляется пустая строка шириной 2-3 пиксела.

Модератор 23 августа 2006 г.

Re: Вопрос по совместимости браузеров

Анисимов Сергей Игоревич,
У Вас проблемы с макетами из-за того, что макеты разные. Смотрим код:

Макет1:

                        <td align="left" valign="top" width="45%">
                        <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
                                <tbody>
                                        <tr>
                                                <td width="20" height="24"><img src="/images/blok_01.jpg" alt="" width="20" height="24" /></td>
                                                <td height="24" background="/images/blok_02.jpg"> </td>
                                                <td width="17" height="24"><img src="/images/blok_03.jpg" alt="" width="17" height="24" /></td>
                                        </tr>
                                        <tr>

                                                <td bgcolor="#ebebeb" background="/images/blok_04.jpg"> </td>
                                                <td bgcolor="#ebebeb">
                                                <h2>Автоматизация производства.</h2>
                                                <p>
                                                При словах «автоматизация производства» на ум приходит сложная система техники, опутанной проводами и мигающей лампочками, где все «от и до» делают исключительно роботы без участия человека. Однако не всегда автоматизация в таком масштабе возможна да и нужна...<br />

                                                </p>

                                                </td>
                                                <td bgcolor="#ebebeb" background="/images/blok_06.jpg"> </td>
                                        </tr>
                                        <tr>
                                                <td width="20" height="31"><img src="/images/blok_07.jpg" alt="" width="20" height="31" /></td>
                                                <td height="31" align="right" valign="top" background="/images/blok_08.jpg"><img usemap="#Map2" src="/images/blok_09.jpg" border="0" alt="" width="134" height="31" /></td>
                                                <td width="17" height="31"><img src="/images/blok_10.jpg" alt="" width="17" height="31" /></td>
                                        </tr>

                                </tbody>
                        </table>
                        </td>

Макет2:

<td align="left" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="20" height="24"><img src="images/blok_01.jpg" width="20" height="24"></td>
                      <td height="24" background="images/blok_02.jpg"> </td>

                      <td width="17" height="24"><img src="images/blok_03.jpg" width="17" height="24"></td>
                    </tr>
                    <tr>
                      <td background="images/blok_04.jpg" bgcolor="#EBEBEB"> </td>
                      <td bgcolor="#EBEBEB"><h2>Автоматизация производства.</h2>
                        <p>При словах «автоматизация производства» на ум приходит
                          сложная система техники, опутанной проводами и мигающей
                          лампочками, где все «от и до» делают исключительно роботы
                          без участия человека. Однако не всегда автоматизация
                          в таком масштабе возможна да и нужна...<br>
                        </p></td>
                      <td background="images/blok_06.jpg" bgcolor="#EBEBEB"> </td>

                    </tr>
                    <tr>
                      <td width="20" height="31"><img src="images/blok_07.jpg" width="20" height="31"></td>
                      <td height="31" align="right" valign="top" background="images/blok_08.jpg"><img src="images/blok_09.jpg" width="134" height="31" border="0" usemap="#Map2"></td>
                      <td width="17" height="31"><img src="images/blok_10.jpg" width="17" height="31"></td>
                    </tr>
                  </table></td>

Добейтесь одинакового кода и если проблема останется - сообщайте.

23 августа 2006 г.

Re: Вопрос по совместимости браузеров

Не ребят, проблемка была не в макет а в самой КСМ. А именно:
Метатеги, первая строка у Вас:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

А надо:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">

И пробел после 4.01
Как только это исправил - все встало на свои мета

Думаю стоит это подправить в дистрибутиве.

С уважением,
Анисимов Сергей.

Модератор 23 августа 2006 г.

Re: Вопрос по совместимости браузеров

Анисимов Сергей Игоревич,
извините, но DOCTYPE бывает разный и изменить его на требуемый Вам должны были Вы в соответстви с тем стандартом, которым Вы руководствовались при верстке.

В дистрибутиве идет тот DOCTYPE, в соответствии с которым сверстан демонстрационный сайт.

Авторизация