Резиновая верстка

12
Flanker
На сайте с 01.12.2008
Offline
37
840

Кто-нибудь может помочь в вопросе резиновой верстки. Ставлю у таблицы width="100%" , она растягивается, но почему то с правой стороны остается небольшое расстояние, то есть не 100% браузера занимает. Может кто-то знает хороший мануал ?

Куплю женский трафик, места под банеры на сайтах женской тематики.
Dangel
На сайте с 22.08.2007
Offline
158
#1
Flanker:
Может кто-то знает хороший мануал ?

http://www.htmlbook.ru

aleksey_php
На сайте с 17.03.2008
Offline
53
#2

Чтобы занимало 100% браузера:


<style>
BODY {
margin: 0;
padding: 0;
}
</style>
Flanker
На сайте с 01.12.2008
Offline
37
#3
aleksey_php:
Чтобы занимало 100% браузера:

<style>
BODY {
margin: 0;
padding: 0;
}
</style>

Я это уже пробовал, странно но все равно остается пустое место справа

aleksey_php
На сайте с 17.03.2008
Offline
53
#4

Покажите тогда Ваш код, посмотрим.

Flanker
На сайте с 01.12.2008
Offline
37
#5
aleksey_php:
Покажите тогда Ваш код, посмотрим.

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (newSS.psd) -->

<table id="Table_01" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td background="images/newSS_05.jpg" colspan="4">

<img src="images/newSS_01.jpg" width="275" height="141" alt=""></td>

<td background="images/newSS_05.jpg">

<img src="images/newSS_02.jpg" width="214" height="141" alt=""></td>

<td background="images/newSS_05.jpg" colspan="2">

<img src="images/newSS_03.jpg" width="223" height="141" alt=""></td>

<td background="images/newSS_05.jpg" colspan="2">

<img src="images/newSS_04.jpg" width="215" height="141" alt=""></td>

<td background="images/newSS_05.jpg">

<img src="images/newSS_05.jpg" width="6" height="141" alt=""></td>

<td>

<img src="images/newSS_06.jpg" width="91" height="141" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="141" alt=""></td>

</tr>

<tr>

<td rowspan="4">

<img src="images/newSS_07.jpg" width="1" height="110" alt=""></td>

<td rowspan="2">

<img src="images/newSS_08.jpg" width="117" height="53" alt=""></td>

<td colspan="4">

<img src="images/newSS_09.jpg" width="585" height="8" alt=""></td>

<td rowspan="11">

<img src="images/newSS_10.jpg" width="9" height="594" alt=""></td>

<td colspan="4">

<img src="images/newSS_11.jpg" width="312" height="8" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="8" alt=""></td>

</tr>

<tr>

<td bgcolor="eeeeee" colspan="4" rowspan="10">&nbsp;</td>

<td colspan="4" rowspan="6">

<img src="images/newSS_13.jpg" width="312" height="257" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="45" alt=""></td>

</tr>

<tr>

<td>

<img src="images/newSS_14.jpg" width="117" height="25" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="25" alt=""></td>

</tr>

<tr>

<td>

<img src="images/newSS_15.jpg" width="117" height="32" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="32" alt=""></td>

</tr>

<tr>

<td colspan="2">

<img src="images/newSS_16.jpg" width="118" height="27" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="27" alt=""></td>

</tr>

<tr>

<td>

<img src="images/newSS_17.jpg" width="1" height="32" alt=""></td>

<td>

<img src="images/newSS_18.jpg" width="117" height="32" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="32" alt=""></td>

</tr>

<tr>

<td bgcolor="eeeeee" colspan="2" rowspan="5">

<img src="images/newSS_19.jpg" width="118" height="425" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="96" alt=""></td>

</tr>

<tr>

<td colspan="4">

<img src="images/newSS_20.jpg" width="312" height="5" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="5" alt=""></td>

</tr>

<tr>

<td colspan="4">

<img src="images/newSS_21.jpg" width="312" height="102" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="102" alt=""></td>

</tr>

<tr>

<td colspan="4">

<img src="images/newSS_22.jpg" width="312" height="5" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="5" alt=""></td>

</tr>

<tr>

<td colspan="4">

<img src="images/newSS_23.jpg" width="312" height="217" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="217" alt=""></td>

</tr>

<tr>

<td colspan="3">

<img src="images/newSS_24.jpg" width="145" height="33" alt=""></td>

<td colspan="4">

<img src="images/newSS_25.jpg" width="100%" height="33" alt=""></td>

<td>

<img src="images/newSS_26.jpg" width="7" height="33" alt=""></td>

<td colspan="3">

<img src="images/newSS_27.jpg" width="305" height="33" alt=""></td>

<td>

<img src="images/spacer.gif" width="1" height="33" alt=""></td>

</tr>

<tr>

<td>

<img src="images/spacer.gif" width="1" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="117" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="27" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="130" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="214" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="214" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="9" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="7" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="208" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="6" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="91" height="1" alt=""></td>

<td></td>

</tr>

</table>

Логистик
На сайте с 31.12.2008
Offline
191
#6

удалено_____

Создание сайтов на заказ - http://htmlplus.ru || Конструктор адаптивных сайтов Wysiwyg Web Builder - обучение, уроки, консультации - http://wwbmaster.ru || Настройка ЭЦП || Настройка корпоративной почты
Flanker
На сайте с 01.12.2008
Offline
37
#7

Тоже самое.

Вот тут

<td>

<img src="images/newSS_06.jpg" width="91" height="141" alt=""></td>

эта ячейка не прижимается к правому боку браузере.

уже все перепробовал.

Если не трудно вставьте этот код в блокнот или дримвивер, сохраните, и посмотрите как в браузере отображается. Пустота справа (

aleksey_php
На сайте с 17.03.2008
Offline
53
#8

А если вот так: <td align="right"><img src="images/newSS_06.jpg" width="91" height="141" alt=""></td>

savage
На сайте с 10.01.2007
Offline
224
#9

ТС, если вам нужно чтобы чтобы центральная колонка растягивалась, то это делается так:

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">

<table width="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td width="100">qwrweqr</td>
<td>qwerqwer</td>
<td width="100">qwerwr</td>
</tr>
</table>
</body>

-указывается ширина левой колонки, правой колонки, а посередине оставляется без размера. Посмотрел ваш код - он сгенерирован ImageReady и очень криво в строках(<tr>) количество столбцов не совпадает и все очень криво с rowspan и colspan. Лучше создайте таблицу с нуля сами, заодно потренируетесь как ее создавать, таблица получится более оптимальной и без мусора.

Купить / продать сайт ( https://www.telderi.ru/?pid=ca1f70 ) | Недорогой и надежный хостинг ( https://www.get-host.ru )
Flanker
На сайте с 01.12.2008
Offline
37
#10

Спасибо всем большое, с помощью ваших советов додумал еще сам немного и все получилось !!

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий