Проблема при верстке вида материалов..

[TrilLiaN]

Здравствуйте.

У меня такой вопрос:я никак не могу выровнять правую часть вида материаловПравая часть выезжает,использую табличную верстку.Кто может пожалуйста помогите как сделать чтоб было все ровно?

Спасибо.

Edited June 19, 2010 by TrilLiaN

[psywalker]

Давай ссылку.

[TrilLiaN]

Какую ссылку?

Вот код который я использую

<TABLE style="width: 100%; border-collapse: collapse"><TBODY><TR><TD style='height: 45px; letter-spacing: 0px; word-spacing: 0px; width: 16px; background-image: url("http://www.my-ps.net.ru/loadmat/verhright.png"); background-repeat: no-repeat; background-position: 0% 50%'>
</TD><TD style='height: 45px; background-image: url("http://www.my-ps.net.ru/loadmat/verhcenter.png"); background-repeat: repeat-x; background-position: 50% 50%; letter-spacing: 0px; word-spacing: 0px'>sdsd
</TD><TD style='width: 16px; height: 45px; background-image: url("http://www.my-ps.net.ru/loadmat/verhleft.png"); background-repeat: no-repeat; background-position: 50% 50%; letter-spacing: 0px; word-spacing: 0px'>
</TD></TR><TR><TD style='letter-spacing: 0px; word-spacing: 0px; width: 16px; background-image: url("http://www.my-ps.net.ru/avatar/centerleft.png"); background-repeat: repeat-y; background-position: 7px 50%'>
</TD><TD>
</TD><TD style='width: 16px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://www.my-ps.net.ru/loadmat/centerright.png"); background-repeat: repeat-y; background-position: 100% 50%; margin-right: 25%;'><BR style="position: absolute"></TD></TR><TR><TD style='width: 16px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://www.my-ps.net.ru/avatar/centerleft.png"); background-repeat: repeat-y; background-position: 7px 50%'>
</TD><TD>
</TD><TD style='width: 16px; letter-spacing: 0px; word-spacing: 0px; margin-right: 25%; background-image: url("http://www.my-ps.net.ru/loadmat/centerright.png"); background-repeat: repeat-y; background-position: 100% 100%'>
</TD></TR><TR><TD style='height: 35px; letter-spacing: 0px; word-spacing: 0px; width: 16px; background-image: url("http://www.my-ps.net.ru/loadmat/nizleft.png"); background-repeat: no-repeat; background-position: 6px 0%'>
</TD><TD style='height: 35px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://www.my-ps.net.ru/loadmat/nizcenter.png"); background-repeat: repeat-x; background-position: 50% 100%'>
</TD><TD style='width: 16px; height: 35px; letter-spacing: 0px; word-spacing: 0px; background-image: url("http://www.my-ps.net.ru/loadmat/nizright.png"); background-repeat: no-repeat; background-position: 100% 100%'>
</TD></TR></TBODY></TABLE>

Вы мне поможете?

[psywalker]

И что, ты предлагаешь нам попробовать разобраться в твоём безумном коде?

[TrilLiaN]

Знаю что он большой,если трудно просто покажите на каком нибудь примере как выровнять,или с помощью какого атрибута(тега)можно выравнить...

[psywalker]

Попробуй лучше наложить див (вот этот блок с закругленными краями) абсолютом сверху таблицы.

[TrilLiaN]

psywalker,я не понял.Я еще новичок,и таких замудруныз слов не знаю(ну в смысле что и как делать не знаю...)

[psywalker]

Ну смотри. У тебя есть таблица. У тебя есть блок тот цветной с закруглёнными краями.

Ты берёшь и этому блоку задаёшь position:absolute; и координаты, которые нужны. Далее позиционируешь его этими координатами куда нужно, прям над таблицей.

[TrilLiaN]

psywalker,Тебе будет не трудно предоставить готовый код верхней части таблицы(с закругленными краями)?Я так и не понял как дивы располагать...

[psywalker]

http://htmlbook.ru/css/position.html

[TrilLiaN]

psywalker,Спасибо.Надеюсь дальше разберусь

[psywalker]

psywalker,Спасибо.Надеюсь дальше разберусь

Ну по идее должен

[TrilLiaN]

Ну по идее должен

Блин вообще все расплылось,значит что то не так сделал...Помоги выложи готовый код уже с дивами пожалуйста...

Смотри что получилось

[psywalker]

Засунь всю таблицу в ещё один див, и припиши ему релатив, чтобы его дочерний див с абсолютом мог отталкиваться от него.

[TrilLiaN]

Засунь всю таблицу в ещё один див, и припиши ему релатив, чтобы его дочерний див с абсолютом мог отталкиваться от него.

Я и так засунул всю таблицу в два дива,или надо было саму таблицу в отдельный див,а ту верхнюю часть в другой?

Первому диву я задал релатив а другому абсольтный....Но все так же

Edited June 19, 2010 by TrilLiaN

[psywalker]

1) Берёшь Див, ему релатив.

2) В него ещё один Див(с закруглёнными углами), ему абсолют. И саму Таблицу, отдельно.

3) Последний, вложенный див уже позиционируешь куда нужно. Он соответственно должен быть НАД таблицей.

[TrilLiaN]

Не понимаю значения(куда ставить?)

НАД таблицей.

[psywalker]

Не понимаю значения(куда ставить?)

Если ты всё правильно делаешь, то див вложенный сам расположится НАД таблицей и ты его отпазиционируешь куда нужно. А вообще мой тебе совет, начни с этого и по шагам. http://stepbystep.htmlbook.ru/