Начи доколкото виждам това е направено по доста странен начин. Някаква таблица и проблемът идва от това, че таблицата се разтяга по височина!

1. Не използвай таблица, за да направиш фон на BODY...
2. Не използвай картинки <img> за сянката, а backgroung="image.jpg"
3. Работата е там, че горната клетка, в която имаш http://www.onlinecamera.com/images/left-shadow.jpg отляво и http://www.onlinecamera.com/images/right-shadow.jpg отдясно става пропорционално по-висока. Единият от начините да го ограничиш е, като зададеш на тази клетка да е висока 1 пиксел, а на долната 100% Това е малка хитрост, защото тя ще се радува до размерите на картинката в нея- 178 пиксела и няма да може да стане по-малка! От друга страна пък долната винаги ще заема цялото останало пространство, защото заради размера на горната никога няма да може да заеме 100% от височината на цялата таблица. По този начин можеш да го излъжеш.

Има и друг вариант- използвай rowspan=2 и ги събери в една клетка (горна лява сянка и долна лява сянка) същото важи и за дясната. След това направи фон на тази клетка същата сянка на сив фон (сивото на body) като използваш изображение с височина 1 пиксел и широко около 16-17. А в тази клетка сложи изображение на тази част от сянката, която е по-различна.

И пак повтарям, не използвай таблица за да направиш фон на body... тъпо е! Ако не знаеш как- давам ти готов код:

<style>

BODY {

	background-image: url(http://www.onlinecamera.com/images/background.gif);

	background-position: top;

	background-repeat: repeat-x;

	background-color: #E8E8E8;

}

</style>

Съдържаниет е скрито
Влезте за да го видите