Рамка и содержимое таблиц

[Bencli]

Добрый день, у меня возникла проблемка...бьюсь уже не один день........в тупике.

Есть движок vbulletin

Я пишу для него стиль. Хочу вставить рамку поверх форума(сайта) . Есть кусочки рамок. из которых я и составляю в хтмл'e полность рамку фон. Делал все на таблицах.(также используя CSS). Вроде бы получилось. Но при разном разрешении, а также при сворачивании в более мелкое окно рамка съезжает вправо. Кумекал тут, понял что съезжает из за содержимого в таблице. Получается если оно больше чем размер таблицы..то он выставляет сам ширину.

вот приблизительный код:

<TABLE  BORDER="0"  CELLPADDING="0" CELLSPACING="0">
	<TR>
		<TD align="left"><IMG SRC="images/FH_WOW/f_left_up.gif"></TD>
		<TD class="ramka_up" width="1393" align="left"><IMG SRC="images/FH_WOW/f_mid_up.gif"></TD>
		<TD align="right"><IMG SRC="images/FH_WOW/f_right_up.gif"></TD>
	</TR>

</TABLE>	

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
	<TR>
		<TD class="ramka_left" align="left"><IMG SRC="images/FH_WOW/f_left_mid.gif"></TD>
								<TD class="ramka_mid"  align="center">

										   Содержимое(форум)

								</TD>
								<TD class="ramka_right" align="right"><IMG SRC="images/FH_WOW/f_right_mid.gif"></TD>
			   </TR>
</TABLE>

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
	<TR>
		<TD align="left"><IMG SRC="images/FH_WOW/f_left_dn.gif"></TD>
								<TD class="ramka_down" width="1393" align="left"><IMG SRC="images/FH_WOW/f_mid_dn.gif"></TD>
		<TD align="right"><IMG SRC="images/FH_WOW/f_right_dn.gif"></TD>
	</TR>
</TABLE>

А это отдельно код CSS:

.ramka_down {
background-image:  url(images/FH_WOW/f_mid_dn.gif);
background-repeat: repeat-x;
}

.ramka_up {
background-image: url(images/FH_WOW/f_mid_up.gif);
background-repeat: repeat-x;

}

.ramka_left {
background-image: url(images/FH_WOW/f_left_mid.gif); 
background-repeat: repeat-y;
}

.ramka_mid {
background-image: url(images/FH_WOW/bg3.gif); 
background-repeat: repeat;
overflow: auto;
width: 1393px;
}

.ramka_right {
background-image: url(images/FH_WOW/f_right_mid.gif); 
background-repeat: repeat-y;
}

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

За ранее благодарен за ответы

[Nekromancer]

может не стоит сжимать?

да и ещё, при помощи рамок ничего нельзя сделать, рамки это барьеры элемента, а то о чём вы говорить это таблица....

width: 1393px;

поменяй на

width: 100%;

[Bencli]

поставил везде 100% но ничего не изменилось

в смысле не стоит сжимать? просто я видел на некоторых сайтах при сжимании происходит прокрутка вправо, то есть все съезжает ровно. мне этого достаточно было бы сделать

но вот засада...прокрутка идет только где содержимое выпирает...а там где нет содержимого - рамка верхняя и нижняя......она сжимается......и получается такой косяк.

тогда, как верхнюю и нижнюю рамку подвести под значении средней, чтобы они одинаково съезжали вправо? overflow: hidden;auto пробовал не получается

не знаю.....грамотно ли объяснил ....простите.

[Nekromancer]

везде поставь ширину 100% на все ячейки.. а можешь и на всю таблицу)

[haZe]

оффтоп:

Красивый дизайн!

[Bencli]

получилось сделать

надо было поверх всех таблиц сделать еще одну таблицу общую и поставить ширину 100%

все спасибо огромное за подсказку

оффтоп:

оригинал стиля WOW - цвета оттуда......а вот рамки и все прочее пришлось рисовать

[sol]

Вот такая ситуация:

		 <td width="515" class="left"><table width="507" height="87" border="0" bordercolor="#ECE9D8"pa>
		 <tr>
		   <td b width="179" height="241"><a href="#"><img src="img/111.jpeg" alt=""> </td>
		   <td b width="179" height="241"><a href="#"><img src="img/111.jpeg" alt=""> </td>
		   <td b width="179" height="241"><a href="#"><img src="img/111.jpeg" alt=""> </td>
		 </tr>
		 <tr>
		   <td b width="179" height="241"><a href="#"><img src="img/111.jpeg" alt=""> </td>
		   <td b width="179" height="241"><a href="#"><img src="img/111.jpeg" alt=""> </td>
		   <td b width="179" height="241"><a href="#"><img src="img/111.jpeg" alt=""> </td>
		 </tr>

	   </table></td>
	   <td width="285" height="482" class="right"></td>
	  </tr>
	</table></td>

задача - убрать рамки вокруг изображений. легко border="0"

но нет, нужно убрать и те самые полосы в цвет фона сайта, которые отображаются между картинками когда ставиться border="0"

как решить эту пробл. не знаю - помогите плз

[Justnewone]

Случаем не дубль?

http://forum.htmlbook.ru/index.php?showtopic=12503

[sol]

Justnewone , нет не дубль.

там про "как убрать синие рамки" отображающиеся в ИЕ когда изображение используется как ссылка

(кстати, кто может подскажите пож http://forum.htmlbook.ru/index.php?showtopic=12503)

а тут про "как убрать и те самые полосы в цвет фона сайта, которые отображаются между картинками когда ставиться border="0"

[sol]

Подскажите кто нибудь..