ФорумРазработкаКлиентская сторонаВерстка и оформление → Ячейка сжимает таблицу. В чем дело?!

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

  • AdmBuxonly

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

    Spritz 23 декабря 2008 г. 9: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

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

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

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

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

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

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

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

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

  • Trej Gun

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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