HTML+CSS+JavaScript

как отцентрировать данный html?
заранее большое спасибо.
мучаюсь немало. всё дело в бордерах между блоками. из-за них не получаеться сделать из ширины всех блоков 100%. и поэтому справа остаёться часть пустоты
так же можете посмотреть по адресу: wars.org.ua/forum/2/

вот текст html

<table align='center' cellspacing=0 cellpadding=0><tr><td><div class='forum_part_base'>
<div class='forum_part_title' style='height: 25px; text-align: center;'>Тема / Автор</div>
<div class='forum_part_date' style='height: 25px;'>Дата создания</div>
<div class='forum_part_reply' style='height: 25px;'>Ответов</div>
<div class='forum_part_last' style='min-width: 25%;height: 25px;'>Последнее сообщение</div>
</div><div class='forum_part_base'>
<div class='forum_part_title'><a class='forum_part_left_a' href='http://localhost/wars/forum/2/1/'>новая тема</a><br>
<div class='forum_part_authorr'>Автор:&nbsp;</div><div class='forum_part_author'><a class='forum_part_left_aa' href='http://localhost/wars/info.php?id=1'>das</a></div></div>
<div class='forum_part_date' style='font-size:13px;'>17:03:36, 05-07-2010</div>
<div class='forum_part_reply' style='font-size:13px;'>99999</div>
<div class='forum_part_last' style='font-size:13px;'>17:03:36, 05-07-2010 от <a class='forum_part_left_aa' href='http://localhost/wars/info.php?id=1'>das</a>
</div><br><div class='forum_part_base'>
<div class='forum_part_title'><a class='forum_part_left_a' href='http://localhost/wars/forum/2/2/'>новая тема 2</a><br>
<div class='forum_part_authorr'>Автор:&nbsp;</div><div class='forum_part_author'><a class='forum_part_left_aa' href='http://localhost/wars/info.php?id=1'>das</a></div></div>
<div class='forum_part_date' style='font-size:13px;'>17:01:04, 05-07-2010</div>
<div class='forum_part_reply' style='font-size:13px;'>1</div>
<div class='forum_part_last' style='font-size:13px;'>17:01:04, 05-07-2010 от <a class='forum_part_left_aa' href='http://localhost/wars/info.php?id=1'>das</a>
</div><br></td></tr></table>

css:

.forum_part_base {
margin-top: -20px;
margin-bottom: -8px;
}
.forum_part_title {
padding-left: 5px;
float: left;
width: 46%;
background-color: #e6e6e6;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
min-height: 50px;
}
.forum_part_date {
background-color: #e6e6e6;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
width: 13%;
min-height: 50px;
float: left;
text-align: center;
}
.forum_part_reply {
float: left;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
background-color: #e6e6e6;
width: 10%;
min-height: 50px;
text-align: center;
}
.forum_part_authorr {
float: left;
font-size: 14px;
}
.forum_part_author {
font-weight: bold;
padding-left: 20px;
}
.forum_part_last {
float: left;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
background-color: #e6e6e6;
width: 25%;
min-height: 50px;
text-align: center;
}
a.forum_part_left_a {
text-decoration: none;
color: #929292;
font-weight: bold;
font-size: 14px;
}
a.forum_part_left_a:hover {
text-decoration: none;
color: #b1b1b1;
font-size: 14px;
}
a.forum_part_left_aa {
text-decoration: underline;
color: #a6a6a6;
font-weight: bold;
font-size: 14px;
}
a.forum_part_left_aa:hover {
text-decoration: none;
color: #b1b1b1;
font-size: 14px;
}

Странный у Вас подход, чес-слово.
Засовываете div'ы в таблицу и потом с ними мучаетесь.
Если уж используете таблицу - так и лепите дальше ячеечками, в которых всё прекрасно выровняется.
Или не пользуйте таблицу, а делайте всё на div'ах.
А то у вас гибрид какой-то получается, причём абсолютно бессмысленный.

В общем, Вы "или шляпу снимите, или трусы наденьте":-)

)

согласен.

сначала всё сделал на div ах
но отцентрировать никак не получилось.

после придумал, что может если вставить конструкцию в table отцентрируеться. нет не получилось...

если есть возможность помочь напишите пожалуйста в icq 582-30-30 иль тут расскажите.

на table можно переписать, но всё же хотелось бы найти вариант с div вёрсткой

вообщем я буду переписывать на table вёрстку.

всем спасибо. модератор можете закрывать тему