Форум PHP программистов > Как разбить сайт на блоки?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как разбить сайт на блоки?

andmedia

3.11.2011 - 23:36

А проблеима вот в чем? Создаю как положено таблицу, тоесть каркас сайта. Прописую как положено отступы, вроде все нормально. Но когда разбываю сайт на блоки, начинается полная ерунда. Разбываю на такие блоки, Header, menu, lefttd, centertd, righttd, footer. После разделения каркаса на блоки начинается такая ерунда: во первых сайт сползает вниз, после примерно на 50px, а также образуется большой отступ между menu и средней частью таблицы. Ни какие marginu и padingi не помогают. Может кто подскажет, ниже выкладываю код.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<title>Variand</title>
</head>
<body>
<table class="tableGlavnaja"  border="0px" cellspacing="0" cellpadding="0">
  <?php include ("blocks/header.php"); ?>
  <?php include ("blocks/menu.php"); ?>

  <tr class="menu1">
    <td>
    <table cellspacing="0" cellpadding="0" class="tableCenter">
  <tr>
    <?php include ("blocks/lefttd.php"); ?>
   <?php include ("blocks/centertd.php"); ?>
    <!--Здесь начинается код правого блока -->
     <?php include ("blocks/righttd.php"); ?> 
    <!--Здесь заканчивается код правого блока -->
  </tr>
</table>

    </td>
  </tr>
  <tr>
    <td align="left" valign="top"> </td>
  </tr>
</table>

</body>
</html>

____________________________________

А вот таблица стилей!!


body {
	margin:0;
	padding:0;
	}
table {
	margin:0;
	padding:0;}
.tableGlavnaja {
	
	width:992px;
	background-color:#F6F6F6;
	margin:0 auto;
	}
.header {
	margin:0;
	padding:0;}
.menu {
	margin:0;
	padding:0;}
.tableCenter {
	padding:0;
	margin:0px;}
.lefttd {
	width:180px;
	background-color:#FFFFC4;} /*Фон левого блока*/
.righttd {
	width:180px;
	background-color:#FFFFC4;} /*Фон правого блока*/
.centertd {
	width:631px;
	background-color:#C4C8E7;}

Спустя 17 минут, 29 секунд (3.11.2011 - 22:53) johniek_comp написал(а):

Цитата

<?php include ("blocks/menu.php"); ?>

вот так никогда не делай, это бред полный, подключай только tpl или хатемеел

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

Спустя 7 минут, 58 секунд (3.11.2011 - 23:01) sebastjan написал(а):

Упрости сначало, легче будет понимать.

Спустя 3 часа, 47 минут, 47 секунд (4.11.2011 - 02:49) imbalance_hero написал(а):

andmedia
Тут фантазией не пахнет.
1) Выставил в интернете
2) Сделал скрин-шот (как есть и как должно быть), поднять блоки в фотошопе - 2 минуты дела.
3) выложил у нас на форуме ссылку на сайт + обе картинки.
4) Ждёшь ответ

Быстрый ответ:

Здесь расположена полная версия этой страницы.