[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Поехала верстка в IE
SeraFim
Здравствуйте!
Имеется 3 картинки: центральная полоска и закругленные полоски по бокам (см. вложение).
В таблице с 3 столбцами 1 и 3-ий столбцы имеют фиксированную ширину, в них находятся картинки 1 и 3.
2-ой столбец - резиновый, на фон ставлю картинку номер 2. В мазилле и в опере все получается отлично - вторая картинка успешно дублируется браузерами нужное количество раз, в результате чего получается нормальная рамочка при различных разрешениях.
но Internet Explorer картинку не дублирует.

Как это можно исправить?

Код:

<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td
align="center" colspan="3">
<img
src="img/Shapka.jpg" width="700" height="150">
</td>
</tr>
<tr>
<td
height="75" width="200"><img src="img/left1.jpg" width="200" height="75"></td>
<td
align="center" background="img/poloska.jpg" valign="top"> </td>
<td
width="200"><img src="img/right.jpg" width="200" height="75"></td>
</tr>
</table>


Проверил - причина кроется в ряде с colspan, без него все прекрасно отображается.



Спустя 2 часа, 52 секунды (17.01.2010 - 19:54) ApuktaChehov написал(а):
Мне кажется, что у тебя типичная проблема. У тебя ширина таблицы в %, а ширина ячеек и картинок в пикселях.

Спустя 1 час, 8 минут, 7 секунд (17.01.2010 - 21:02) Gabriel написал(а):
SeraFim
учим css, а точнее background-*:;
смотреть можно здесь : http://htmlbook.ru/

Спустя 17 минут, 20 секунд (17.01.2010 - 21:20) ApuktaChehov написал(а):
Вот тебе код для размышления. Но лучше это делать с CSS, как это было озвучено Gabriel.
<table width="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td
height="75" width="200" rowspan="2"><img src="img/left1.jpg" width="200" height="75">1</td>
<td
align="center" colspan="3" background="img/Shapka.jpg">2</td>
<td
width="200" rowspan="2"><img src="img/right.jpg" width="200" height="75">3</td>
</tr>
<tr>
<td
align="center" background="img/poloska.jpg" valign="top" rowspan="2" colspan="3">4</td>
</tr>
<tr>
<td
align="center" background="img/poloska.jpg" valign="top">5</td>
<td
align="center" background="img/poloska.jpg" valign="top">6</td>
</tr>
</table>


Спустя 4 часа, 19 минут, 32 секунды (18.01.2010 - 01:39) Guest написал(а):
сделай на дивах

Спустя 3 дня, 19 часов, 43 минуты, 43 секунды (21.01.2010 - 21:23) ZSH написал(а):
<td align="center" background="img/poloska.jpg" valign="top">&nbsp;</td>
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.