Дизайн и Верстка > Всё о Html

Проблемы с нарезкой резиновой страници. Дайте совет

(1/1)

Nicca:
Я нарезаю "резиновую" страницу. Возникли следуещие проблемы:
Есть елементы которые задаю в пикселах( кнопки, фотки), а есть елементы в процентах (ячейки с бекграундом.)
Как правильно задавать размеры чтобы при любом разрешении ( от 800х600 до 1280х1024) страница отображалась одинаково?

Мой пример:
1. Таблица

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="images/1.jpg" width="200"></td>
<td width="97%" background="images/bg_1.jpg"></td>
<td><img src="images/3.jpg" width="70"></td>
<td width="3%" background="images/bg_2.jpg"></td>
<td><img src="images/4.jpg"></td>
</tr>
</table>

При любом разрешении от 800х600 до 1280х1024  отображается нормально - на всю длинну экрана

2. Таблица

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td background="images/bg_4.jpg" width="10%"></td>
<td><img src="images/8.jpg" width="29"></td>
<td width="70">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td background="images/bg_5.jpg" width="70" colspan="5"></td></tr>
<tr>
<td width="22"><a href="#"><img src="images/ukr.jpg" border="0" width="22"></a></td>
<td width="1" bgcolor="#FFFFFF"></td>
<td width="24"><a href="#"><img src="images/rus.jpg" border="0" width="24"></a></td>
<td width="1" bgcolor="#FFFFFF"></td>
<td width="22"><a href="#"><img src="images/eng.jpg" border="0" width="22"></a></td>
</tr>
<tr><td background="images/bg_6.jpg" width="70" colspan="5"></td></tr>
</table>
</td>
<td background="images/tm_bg.jpg" align="center" width="200"><B><a href="#" class="tm">Города</a></B> <img src="images/knopa.jpg" width="10"></td>
<td background="images/tm_bg.jpg" align="center" width="200"><B><a href="#" class="tm">Cтраны</a></B> <img src="images/knopa.jpg" width="10"></td>
<td background="images/bg_7.jpg" width="50%"></td>
<td><img src="images/10.jpg" width="21"></td>
<td background="images/bg_4.jpg" width="3%"></td>
</tr>
</table>


Такая таблица при большом(1280х1024) не растягивается на весь экран

V?A DSGN:
у тебя у всех столбцов "фиксированая" ширина)), у одних проценты, у других пиксели, вот она и не растягивается, т.к. нет столбца у которого ширина бы заполняла всё оставшееся пространство, сделай например вместо

вот так

может поможет))

Навигация

[0] Главная страница сообщений