Вот этот кусочек абсолютно по-разному отображается в браузерах:

'<table width="100%" height="40%" cellpadding="0" cellspacing="0" bgcolor="#e0e0e0">
                                   <tr> 
                                        <td> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                   <tr> 
                <td height="100" colspan="0"><img src="images/' . $item_rows[$i]['Product_LinkImage'] . '" width="100" height="100" class="figure"></td>
                <td class=tb><p>' . $item_rows[$i]['Product_Description'] . '</p></td></tr>
        </table></td></tr></table>'

Под мозиллой всё ок, но в браузере эксплорера картинки "прыгают".
К тому же, при помещении этого фрагмента кода на слой с ненулевым отступом, текст выходит за размеры экрана с появлением горизонтальной полосы прокрутки (тоже под эксплорером, мозилла — ок).

Как быть?

Апель wrote:
>
>
> Вот этот кусочек абсолютно по-разному отображается в браузерах:
>
> '<table width="100%" height="40%" cellpadding="0" cellspacing="0" bgcolor="#e0e0e0">
> <tr>
> <td>
> <table width="100%" border="0" cellspacing="0" cellpadding="0">
> <tr>
> <td height="100" colspan="0"><img src="images/' . $item_rows[$i]['Product_LinkImage'] . '" width="100" height="100" class="figure"></td>
> <td class=tb><p>' . $item_rows[$i]['Product_Description'] . '</p></td></tr>
> </table></td></tr></table>'
>
>
>
> Под мозиллой всё ок, но в браузере эксплорера картинки "прыгают".
> К тому же, при помещении этого фрагмента кода на слой с ненулевым
> отступом, текст выходит за размеры экрана с появлением горизонтальной
> полосы прокрутки (тоже под эксплорером, мозилла — ок).
>

Честно говоря — не очень наглядно... во всяком случае я не понял о чём речь.

--
Andrew Dashin

dashin, Вы писали:

D>Честно говоря — не очень наглядно... во всяком случае я не понял о чём речь.

Попытаюсь развернуть свою проблему.
Идея простая: две колонки, левая — меню навигации, правая — табличка (картинка + сопровождающий текст). Как строится таблица видно из вышеприведенного фрагмента. Каждая колонка помещается на свой слой:

#leftcol {
 position: absolute; 
 width: 300px; /* Øèðèíà ñëîÿ */
 left: 0px; 
 background: #FFFFFF; 
 color: black;
 padding: 5px; 
}
#rightcol {
 position: relative; 
 margin-left: 200px; 
 background: #FFFFFF; 
 padding: 10px; 
}

левая — на leftcol, правая — на rightcol.
Требуется, чтобы страница отображалась единообразно в браузерах экплорера и мозиллы.

Теперь собсно о проблеме.

Как я считала, вероятно ошибочно, задание значения атрибуту position в relative должно было полностью решить проблему "косяков" в эксплорере: правая колонка накроет левую и скушает выступы. Однако, ничего подобного не произошло. При задании ненулевого отступа в свойствах правого слоя текст сдвигается и приводит к нежелательным смещениям на экране.
Вторая половина беды : картинки (из таблицы правой колонки) по загадочным для меня причинам не желают придерживаться своих положенных (мной) мест. Их так и тянет налево (в левую колонку) и там они дружно тусят (с наложением одна на другую).

Как я уже писала, эти все проблемы имеют место только в браузере эксплорера.

Немного прояснила ситуацию?

Все беды от абсолютного позиционирования. Забудь о нем и будет все тип топ.

Здравствуйте, Sheridan, Вы писали:

S>Все беды от абсолютного позиционирования. Забудь о нем и будет все тип топ.

Закомментировала вот эту строчку:

position: relative;

и всё встало на свои места. Спасибо!