Разъезжается header.php

[Vzeka]

Добрый день!

Сразу уточню, что занимаюсь переделкой сайта знакомых... Первый опыт.

Возникла проблема:

Имеется файл header.php с кодом:

<table width="1024">
    <tr width="1024">
       <td width="230" rowspan="2">
       <a href="index.htm" title="Подарочные книги от Книжного Петербурга"><img  src="img/small/logo.png" width="215" alt="Подарочные издания от Книжного издательства." border="0" /></a>
</td>

        <td width="520" >            <h2>
                Подарочные книги оптом и в розницу от издательства. <br />
		 	 Мастерская подарочных изданий.
            </h2>
        </td>
       <td width="274" rowspan="2">
         <p><span class="kont"><a href="kontakt.htm">Контакты</a></span></p>
         <p><a><span style="font: bold 16px 'Arial'; color: #000000">Москва:<br />+7(495) 720-60-95<br/>+7(905) 584-03-26<br />Санкт-Петербург:<br />+7(812) 924-17-37<br />Россия:<br />+7(911) 237-91-10<br /></span></a></p>
         <p><a><span style="font: bold 16px 'Arial'; color: #000000"><a href="mailto:info@giftsbooks.ru" rel="nofollow">E-mail: info@giftsbooks.ru</a></span></a></p>
		 <p><span style="font: bold 15px 'Arial'; color: #000000">Мы в соц.сетях:</span> 
		 <a href="http://www.facebook.com/giftsbooks" rel="nofollow"><img src="img/soc/facebook.png" alt="Профиль в Facebook" /></a>
		 <a href="http://vk.com/giftsbooks" rel="nofollow"><img src="img/soc/vk.png" alt="Профиль во Вконтакте" /></a>
		 <a href="http://giftsbooks.ya.ru" rel="nofollow"><img src="img/soc/ya.png" alt="Блог в Я.ру" /></a>
		 <a href="http://giftsbooks.livejournal.com" rel="nofollow"><img src="img/soc/livejournal.png" alt="Живой Журнал Книжного Петербурга" /></a>
		 <a href="http://twitter.com/giftsbooks" rel="nofollow"><img  src="img/soc/twitter.png" alt="Мы в твиттере" /></a>
		 </p>
        </td>
    </tr>
    <tr width="1024">
        <td>
            <table border="0" width="510">
                <tr width="510">
                    <td width="102">
                        <p align="center"><a href="gallery_books.htm" title='Галерея книг от издательства "Книжный Петербург"'><b><font color="#A50021">Галерея книг</font></b></a></p>
                    </td>
                    <td width="102">
                        <p align="center"><a href="price_podarochnyh_knig.htm" title="Прайс-лист с оптовыми и розничными ценами"><b><font color="#A50021">Прайс-лист опт и розница</font></b></a></p>
                    </td>
                    <td width="102">
                        <p align="center"><a href="dostavka-i-oplata.htm" title="Способы оплаты, варианты и стоимость доставки "><b><font color="#A50021">Условия оплаты и доставки</font></b></a></p>
                    </td>
                    <td width="102">
                        <p align="center"><a href="kontakt.htm" title="Контактная информация, схемы проезда и реквизиты"><b><font color="#A50021">Контакты</font></b></a></p>
                    </td>
                    <td width="102">
                        <p align="center"><a href="zakaz.htm" title="Он-лайн каталог подарочных книг"><b><font color="#A50021">Заказ и доставка</font></b></a></p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Который выглядит на сайте ну совсем не на 1024px: http://подарочные-книги.рф/index2.htm

Пожалуйста, подскажите, как заставить таблицу оставаться заданной ширины?

UPD: Сама нашла решение - в styles css была прописана минимальная ширина ячейки в 200px, поменяла на 100 и все заработало.

Может быть кому-нибудь будет полезен опыт.

Edited February 18, 2012 by Vzeka