Как сделать этот сайт по центру?

delta7 · November 8, 2010

Сверстан сайтик был в Imageready и потом в Dreamweaver.

http://simpsonsnow.narod.ru/

Как сделать, чтобы весь сайт всегда позиционировался по центру?

Вот код html

<html>
<head>
<title>Симпсоны только сейчас - Главная</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- ImageReady Preload Script (desing6.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.http://simpsonsnow.narod.ru/images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changehttp://simpsonsnow.narod.ru/images() {
	if (document.http://simpsonsnow.narod.ru/images && (preloadFlag == true)) {
		for (var i=0; i<changehttp://simpsonsnow.narod.ru/images.arguments.length; i+=2) {
			document[changehttp://simpsonsnow.narod.ru/images.arguments[i]].src = changehttp://simpsonsnow.narod.ru/images.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadhttp://simpsonsnow.narod.ru/images() {
	if (document.http://simpsonsnow.narod.ru/images) {
		id44_AR_ar = newImage("http://simpsonsnow.narod.ru/images/44-AR_ar.gif");
		id49_AW_aw = newImage("http://simpsonsnow.narod.ru/images/49-AW_aw.gif");
		id45_AS_as = newImage("http://simpsonsnow.narod.ru/images/45-AS_as.gif");
		id50_AX_ax = newImage("http://simpsonsnow.narod.ru/images/50-AX_ax.gif");
		id46_AT_at = newImage("http://simpsonsnow.narod.ru/images/46-AT_at.gif");
		id51_AY_ay = newImage("http://simpsonsnow.narod.ru/images/51-AY_ay.gif");
		id47_AU_au = newImage("http://simpsonsnow.narod.ru/images/47-AU_au.gif");
		id52_AZ_az = newImage("http://simpsonsnow.narod.ru/images/52-AZ_az.gif");
		id48_AV_av = newImage("http://simpsonsnow.narod.ru/images/48-AV_av.gif");
		id53_BA_ba = newImage("http://simpsonsnow.narod.ru/images/53-BA_ba.gif");
		preloadFlag = true;
	}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFCA21" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadhttp://simpsonsnow.narod.ru/images();">
<!-- ImageReady Slices (desing6.psd) -->
<table id="Table_01" width="701" height="1201" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="20">
			<img src="http://simpsonsnow.narod.ru/images/1-A_a.gif" width="700" height="63" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="63" alt=""></td>
	</tr>
	<tr>
		<td colspan="7" rowspan="5">
			<img src="http://simpsonsnow.narod.ru/images/2-B_b.gif" width="340" height="222" alt=""></td>
		<td colspan="13">
			<a href="http://simpsonsnow.narod2.ru" target="_self"
				onmouseover="window.status='http://simpsonsnow.narod2.ru';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://simpsonsnow.narod.ru/images/3-C_c.gif" width="360" height="146" border="0" alt="Главная"></a></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="146" alt=""></td>
	</tr>
	<tr>
		<td colspan="7" rowspan="4">
			<img src="http://simpsonsnow.narod.ru/images/4-D_d.gif" width="313" height="76" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/5-E_e.gif" width="46" height="24" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/6-F_f.gif" width="1" height="19" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="http://simpsonsnow.narod.ru/images/7-G_g.gif" width="1" height="57" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/8-H_h.gif" width="4" height="52" alt=""></td>
		<td colspan="3">
			<a href="#"
				onmouseover="changehttp://simpsonsnow.narod.ru/images('id9_I_i', 'http://simpsonsnow.narod.ru/images/44-AR_ar.gif'); return true;"
				onmouseout="changehttp://simpsonsnow.narod.ru/images('id9_I_i', 'http://simpsonsnow.narod.ru/images/9-I_i.gif'); return true;"
				onmousedown="changehttp://simpsonsnow.narod.ru/images('id9_I_i', 'http://simpsonsnow.narod.ru/images/49-AW_aw.gif'); return true;"
				onmouseup="changehttp://simpsonsnow.narod.ru/images('id9_I_i', 'http://simpsonsnow.narod.ru/images/44-AR_ar.gif'); return true;">
				<img name="id9_I_i" src="http://simpsonsnow.narod.ru/images/9-I_i.gif" width="40" height="30" border="0" alt=""></a></td>
		<td rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/10-J_j.gif" width="2" height="52" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://simpsonsnow.narod.ru/images/11-K_k.gif" width="40" height="22" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td rowspan="8">
			<img src="http://simpsonsnow.narod.ru/images/12-L_l.gif" width="35" height="915" alt=""></td>
		<td colspan="3">
			<img src="http://simpsonsnow.narod.ru/images/13-M_m.gif" width="148" height="2" alt=""></td>
		<td colspan="3" rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/14-N_n.gif" width="157" height="3" alt=""></td>
		<td colspan="3" rowspan="3">
			<img src="http://simpsonsnow.narod.ru/images/15-O_o.gif" width="158" height="4" alt=""></td>
		<td colspan="7" rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/16-P_p.gif" width="168" height="3" alt=""></td>
		<td colspan="3">
			<img src="http://simpsonsnow.narod.ru/images/17-Q_q.gif" width="34" height="2" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="http://simpsonsnow.narod.ru/images/18-R_r.gif" width="33" height="36" alt=""></td>
		<td rowspan="4">
			<a href="http://simpsons-now.ucoz.ru"
				onmouseover="changehttp://simpsonsnow.narod.ru/images('id19_S_s', 'http://simpsonsnow.narod.ru/images/45-AS_as.gif'); return true;"
				onmouseout="changehttp://simpsonsnow.narod.ru/images('id19_S_s', 'http://simpsonsnow.narod.ru/images/19-S_s.gif'); return true;"
				onmousedown="changehttp://simpsonsnow.narod.ru/images('id19_S_s', 'http://simpsonsnow.narod.ru/images/50-AX_ax.gif'); return true;"
				onmouseup="changehttp://simpsonsnow.narod.ru/images('id19_S_s', 'http://simpsonsnow.narod.ru/images/45-AS_as.gif'); return true;">
				<img name="id19_S_s" src="http://simpsonsnow.narod.ru/images/19-S_s.gif" width="95" height="37" border="0" alt=""></a></td>
		<td rowspan="3">
			<img src="http://simpsonsnow.narod.ru/images/20-T_t.gif" width="20" height="36" alt=""></td>
		<td colspan="2" rowspan="7">
			<img src="http://simpsonsnow.narod.ru/images/21-U_u.gif" width="33" height="913" alt=""></td>
		<td rowspan="7">
			<img src="http://simpsonsnow.narod.ru/images/22-V_v.gif" width="1" height="913" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/23-W_w.gif" width="30" height="35" alt=""></td>
		<td rowspan="3">
			<a href="http://simpsons-now.ucoz.ru/index/o_simp/0-7"
				onmouseover="changehttp://simpsonsnow.narod.ru/images('id24_X_x', 'http://simpsonsnow.narod.ru/images/46-AT_at.gif'); return true;"
				onmouseout="changehttp://simpsonsnow.narod.ru/images('id24_X_x', 'http://simpsonsnow.narod.ru/images/24-X_x.gif'); return true;"
				onmousedown="changehttp://simpsonsnow.narod.ru/images('id24_X_x', 'http://simpsonsnow.narod.ru/images/51-AY_ay.gif'); return true;"
				onmouseup="changehttp://simpsonsnow.narod.ru/images('id24_X_x', 'http://simpsonsnow.narod.ru/images/46-AT_at.gif'); return true;">
				<img name="id24_X_x" src="http://simpsonsnow.narod.ru/images/24-X_x.gif" width="102" height="36" border="0" alt=""></a></td>
		<td rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/25-Y_y.gif" width="25" height="35" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/26-Z_z.gif" width="57" height="35" alt=""></td>
		<td rowspan="3">
			<a href="http://simpsons-now.ucoz.ru/index/onlajn/0-9"
				onmouseover="changehttp://simpsonsnow.narod.ru/images('id27_AA_aa', 'http://simpsonsnow.narod.ru/images/47-AU_au.gif'); return true;"
				onmouseout="changehttp://simpsonsnow.narod.ru/images('id27_AA_aa', 'http://simpsonsnow.narod.ru/images/27-AA_aa.gif'); return true;"
				onmousedown="changehttp://simpsonsnow.narod.ru/images('id27_AA_aa', 'http://simpsonsnow.narod.ru/images/52-AZ_az.gif'); return true;"
				onmouseup="changehttp://simpsonsnow.narod.ru/images('id27_AA_aa', 'http://simpsonsnow.narod.ru/images/47-AU_au.gif'); return true;">
				<img name="id27_AA_aa" src="http://simpsonsnow.narod.ru/images/27-AA_aa.gif" width="66" height="36" border="0" alt=""></a></td>
		<td colspan="4" rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/28-AB_ab.gif" width="45" height="35" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/29-AC_ac.gif" width="50" height="34" alt=""></td>
		<td rowspan="2">
			<a href="http://simpsons-now.ucoz.ru/index/skachat/0-8"
				onmouseover="changehttp://simpsonsnow.narod.ru/images('id30_AD_ad', 'http://simpsonsnow.narod.ru/images/48-AV_av.gif'); return true;"
				onmouseout="changehttp://simpsonsnow.narod.ru/images('id30_AD_ad', 'http://simpsonsnow.narod.ru/images/30-AD_ad.gif'); return true;"
				onmousedown="changehttp://simpsonsnow.narod.ru/images('id30_AD_ad', 'http://simpsonsnow.narod.ru/images/53-BA_ba.gif'); return true;"
				onmouseup="changehttp://simpsonsnow.narod.ru/images('id30_AD_ad', 'http://simpsonsnow.narod.ru/images/48-AV_av.gif'); return true;">
				<img name="id30_AD_ad" src="http://simpsonsnow.narod.ru/images/30-AD_ad.gif" width="75" height="35" border="0" alt=""></a></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/31-AE_ae.gif" width="33" height="34" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="34" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/32-AF_af.gif" width="33" height="1" alt=""></td>
		<td colspan="2">
			<img src="http://simpsonsnow.narod.ru/images/33-AG_ag.gif" width="50" height="1" alt=""></td>
		<td colspan="2">
			<img src="http://simpsonsnow.narod.ru/images/34-AH_ah.gif" width="75" height="1" alt=""></td>
		<td colspan="2">
			<img src="http://simpsonsnow.narod.ru/images/35-AI_ai.gif" width="69" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/36-AJ_aj.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/37-AK_ak.gif" width="32" height="1" alt=""></td>
		<td colspan="2">
			<img src="http://simpsonsnow.narod.ru/images/38-AL_al.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/39-AM_am.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/40-AN_an.gif" width="128" height="791" alt=""></td>
		<td colspan="9">
			<img src="http://simpsonsnow.narod.ru/images/41-AO_ao.gif" width="392" height="40" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="http://simpsonsnow.narod.ru/images/42-AP_ap.gif" width="111" height="791" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="40" alt=""></td>
	</tr>
	<tr>
		<td colspan="9">
			<table id="Contents" width="392" height="751" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td width="392" height="751" bgcolor="#FFE980"><p> </p></td>
				</tr>
			</table></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="751" alt=""></td>
	</tr>
	<tr>
		<td colspan="16">
			<img src="http://simpsonsnow.narod.ru/images/43-AQ_aq.gif" width="631" height="85" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="85" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="35" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="33" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="95" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="20" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="30" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="102" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="50" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="75" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="33" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="36" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="66" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="32" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="31" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="http://simpsonsnow.narod.ru/images/spaser.gif" width="1" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

deadrash · November 8, 2010

Добавь в стиль

#Table_01{

margin:0 auto;

}

psywalker · November 8, 2010

Разберись ещё с вечной полосой прокрутки внизу.

deadrash · November 8, 2010

Разберись ещё с вечной полосой прокрутки внизу.

Ну тут не совсем понятно, так как скролбар появляется от рекламы яндекса. И если сайт будет не на народе то решение и не нужно. А если на народе то можно добавить например:

#ch,#bn{

margin-left:-2px;

}

Или

#ch,#bn{

display:none;

}

Если не боитесь бана

Edited November 8, 2010 by deadrash

mynameisharry · November 8, 2010

Могу быть не прав, но требуемого результата ты добьёшься, добавив открывающий тег <center> после комментария , а также добавив закрывающий тег </center> после тега, закрывающего таблицу </table> в конце документа, то есть перед .

deadrash · November 8, 2010

mynameisharry

Вы как бы намекаете что такую вёрску уже ничем не испортить?

mynameisharry · November 8, 2010

mynameisharry
Вы как бы намекаете что такую вёрску уже ничем не испортить?

=) ну, вроде не заморачивается человек)

я думаю, что мой простой способ ему поможет)

delta7 · November 9, 2010

Могу быть не прав, но требуемого результата ты добьёшься, добавив открывающий тег <center> после комментария , а также добавив закрывающий тег </center> после тега, закрывающего таблицу </table> в конце документа, то есть перед .

Спасибо очень мне помог!

katushka · November 9, 2010

Здравствуйте!

Я влезла в чужую тему, чтоб не создавать такую же!!!

Нужно разместить таблицу по центру. Следовала всем советам:

1. <body>

<table>

...

</table>

</center>

</body>

2. body

{

text-align: center;

margin-left:auto;

margin-right:auto;

}

.table_01

{

position: relative;

margin: 0 auto;

}

Не помогло. Раньше <center></center> работал, счас получаю "In HTML 4.0, CENTER is deprecated.[html 4.0]"

mynameisharry · November 9, 2010

katushka, а ты применял(а) класс .table_01 к своей таблице?

и что тебе выдаёт ошибку "In HTML 4.0, CENTER is deprecated.[html 4.0]"?

katushka · November 9, 2010

Класс применяла. Ошибку выдает валидатор.

katushka · November 17, 2010

Нашла у себя ошибку. Спасибо.

Sign In

Как сделать этот сайт по центру?

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information