Ячейка сжимает таблицу. В чем дело?!

Сообщения: 370 Репутация: N Группа: Кто попало

23 декабря 2008 г. 20:49

Всем привет! Помогите разобраться… Ни когда такого не было, а тут хоп как на зло и появилось. Короче: есть сайт в нем идет таблица, в которой 3 строки: в первой строке шапка меню, во второй строке таблицас одной строкой и тремя ячейками (180px| 658px |180px), в третей футер. Так вот во второй строке вставлена таблица (180px| 658px |180px). В этой табличе три ячейки левая 180рх, центральная 658рх, правая 180рх. В центральной ячейке вставлена таблица с двумя строками. Тадлица имеет ширину 600рх. При такой ширине у меня начинают сжиматься левая и правая ячейка, что нарушает дизайн. Что делать не пойму. Помогите?!

Вот сам код страницы index.php:

<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body marginheight="0" marginwidth="0">
<!– Голова–>

<table cellpadding="0" cellspacing="0" class="table_body_width">
  <tr>
    <td align="right" valign="bottom" class="table_td_height_bg">
	
	<table width="500" cellpadding="0" cellspacing="0">
      <tr>
        <td align="left" valign="top" class="td_menu" scope="col">Скрипты</td>
        <td align="left" valign="top" class="td_menu" scope="col">Фильмы</td>
        <td align="left" valign="top" class="td_menu" scope="col">Музыка</td>
        <td align="left" valign="top" class="td_menu" scope="col">Игры</td>
        <td align="left" valign="top" class="td_menu" scope="col">Софт</td>
        <td align="left" valign="top" class="td_menu" scope="col">Контакты</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>
	
	<table border="0" cellpadding="0" cellspacing="0" >
      <tr>
        <td height="20" align="center" valign="top" class="td_center_kontent" scope="col">
		
		<table cellpadding="0" cellspacing="0" >
            <tr>
              <td align="center" class="table_left_right_bg_top"  scope="col">Реклама</td>
            </tr>
			            <tr>
			              <td align="center" class="table_right" scope="col">Блоки рекламы</td>
              </tr>
			            <tr>
              <td align="center" class="table_left_right_bg_bottom"  scope="col">&nbsp;</td>
            </tr>
          </table>
<td align="left" valign="top" class="table_td_center_kontent">
		
            <table cellpadding="0" cellspacing="0" class="v_table">
              <tr>
                <td class="v_td_top">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
			
</td>
        <td align="center" valign="top" class="td_center_kontent" scope="col"><table cellpadding="0" cellspacing="0">
          <tr>
            <td align="center" background="img/menu_top.gif" scope="col">Реклама</td>
          </tr>
          <tr>
            <td align="center" class="table_right" scope="col">Блоки рекламы</td>
          </tr>
          <tr>
            <td align="center" background="img/menu_bottom.gif" scope="col">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table>
	
	</td>
  </tr>
  <tr>
    <td><br><img src="img/footer.gif" width="1024" height="35"></td>
  </tr>
</table>
<!– Голова–>
</body>
</html>

А вот код стиля:

/* CSS Document */

.table_body_width {width:1024px; border:0px;}
.table_td_height_bg {height:180px; background-image:url(img/header.gif); vertical-align:bottom;}
.td_menu {width:100px; font-family:Geneva, Arial, Helvetica, sans-serif; height:30px; padding-right:40px; border:0px;}
.table_td_center_kontent {width:658px; padding:5px;}
.td_center_kontent {width:183px; padding-top:5px; padding-left:3px; padding-right:3px;}
.table_left_right_bg_top { width:183px; border:0px; background-image:url(img/menu_top.gif);}
.table_left_right_bg_bottom { width:183px; border:0px; background-image:url(img/menu_bottom.gif);}
.table_left { width:183px; border:0px; background-color:#cccc99;}
.table_right { width:183px; border:0px; background-color:#cccc99;}

p {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
body { margin-top:0px; margin-left:0px;}

/* Оформление таблицы вывода */

.v_table {border:1px solid #999999; width:600px;}
.v_td_top { background-color:#f6f6f6;}
.v_td_bottom { background-color:#CCCCCC;}

Trej Gun

Сообщения: 5305 Репутация: N Группа: в ухо

23 декабря 2008 г. 21:12, спустя 22 минуты 41 секунду

научиться использовать colspan и rowspan
или научиться верстать дивами
AdmBuxonly

Сообщения: 370 Репутация: N Группа: Кто попало

23 декабря 2008 г. 21:16, спустя 4 минуты 22 секунды

Я не знаю атрибутов дива, можешь дать ссылку где имеено хтмл 4, там где есть описание о дива и их атрибутах…. я в принципе умею дивами, которые свободные. Какими нужно верстать которые независимые(где хочешь там и разместил) или которые обычные. Я просто не знаю как они называются…. я всегда роботал на пямять… а в прочем вот сай, посмотри… http://money.buxonly.com/ и посоветуй какими дивами лучше….
AdmBuxonly

Сообщения: 370 Репутация: N Группа: Кто попало

23 декабря 2008 г. 21:20, спустя 4 минуты 22 секунды

http://www.myhtml.ru/html/div.html тут мало
Trej Gun

Сообщения: 5305 Репутация: N Группа: в ухо

23 декабря 2008 г. 21:24, спустя 3 минуты 25 секунд

http://www.w3.org/TR/REC-html40/struct/global.html#edef-DIV

но лучше

http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6
sap

Сообщения: 2701 Репутация: N Группа: Кто попало

24 декабря 2008 г. 1:33, спустя 4 часа 8 минут 42 секунды

Я не знаю атрибутов дива, можешь дать ссылку где имеено хтмл 4, там где есть описание о дива и их атрибутах…

Дивы и html4? Может я не прав, но я не вижу смысла верстать дивами не под xhtml…
Timur

Сообщения: 1068 Репутация: N Группа: Джедаи

24 декабря 2008 г. 10:36, спустя 9 часов 3 минуты 49 секунд

Напрасно. XHTML и HTML4 — просто разные стандарты, но на них действует общая рекомендация консорциума: использовать div'ы в качестве основных "строительных блоков" в разметке. Да и разница между этими стандартами, по большому счёту, чисто техническая. Закрытие всех тегов, атрибуты в кавычках и т.д. XHTML — это тот же HTML4, но заточенный в XML.

По сабжу - AdmBuxonly, многобукф, не осилил.
Givi

Сообщения: 2284 Репутация: N Группа: Адекваты

24 декабря 2008 г. 12:05, спустя 1 час 28 минут 48 секунд

<td align="left" valign="top" class="table_td_center_kontent">
это Ваша открывающаяся ячейка. Но где тег, закрывающий предыдущую!? Его нет. Проверять на что да как работает не буду, но этот пропуск мог вызвать такой глюк.

п.с. Если все же хочется верстать таблицами, да ещё и стили к ним применять, то старайтесь все возможные параметры выносить в стили. А в целом у Вас ужасная верстка, в частности код.
SaM1001

Сообщения: 60 Репутация: N Группа: Кто попало

24 декабря 2008 г. 12:29, спустя 23 минуты 28 секунд

.table_body_width {width:1024px; border:0px;}

ты наружнюю таблицу оставь в покое, нафиг там ширина?

Пожалуйста, авторизуйтесь, чтобы написать комментарий!

Ячейка сжимает таблицу. В чем дело?!

Войти