Такой вопрос, делаю страницу в дремвевере+часть подлатал в ворде, на основе шаблона, в графическом режиме, сделал все ок, вот только делал при разрешении 1024х768, а вот при других разрешениях беда, при 1280х1024 сдвигается в верхний левый угол, т.е. в низу и справа куча пустого места, при разрешении 800х600 наоборот видна только левая часть сайта приходится пользоваться прокруткой....  Какие будут предложения по решению данного вопроса? И просьба я почти не знаю код объясняйтесь доступным языком. Буду благодарен за оказанную помощь... Код с этой таблицей: | Код |
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">
<!-- DW6 -->
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 11">
<meta name=Originator content="Microsoft Word 11">
<link rel=File-List href="Копия%20Page-1.files/filelist.xml">
<link rel=Edit-Time-Data href="Копия%20Page-1.files/editdata.mso">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Home Page</title>
<link rel=Stylesheet type="text/css" media=all href="mm_spa.css">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Georgia;
panose-1:2 4 5 2 5 4 5 2 3 3;
mso-font-charset:204;
mso-generic-font-family:roman;
mso-font-pitch:variable;
mso-font-signature:647 0 0 0 159 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
p
{font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
p.bodytext, li.bodytext, div.bodytext
{mso-style-name:bodytext;
font-size:8.5pt;
mso-fareast-font-family:"Times New Roman";}
p.pagename, li.pagename, div.pagename
{mso-style-name:pagename;
font-size:13.5pt;
mso-fareast-font-family:"Times New Roman";}
p.columnheader, li.columnheader, div.columnheader
{mso-style-name:columnheader;
font-size:8.5pt;
mso-fareast-font-family:"Times New Roman";}
p.subheader, li.subheader, div.subheader
{mso-style-name:subheader;
font-size:8.5pt;
mso-fareast-font-family:"Times New Roman";}
p.smalltext, li.smalltext, div.smalltext
{mso-style-name:smalltext;
font-size:7.5pt;
mso-fareast-font-family:"Times New Roman";}
p.navtext, li.navtext, div.navtext
{mso-style-name:navtext;
font-size:8.5pt;
mso-fareast-font-family:"Times New Roman";
mso-bidi-font-family:"Times New Roman";}
span.SpellE
{mso-style-name:"";
mso-spl-e:yes;}
span.GramE
{mso-style-name:"";
mso-gram-e:yes;}
@page Section1
{size:595.3pt 841.9pt;
margin:2.0cm 42.5pt 2.0cm 3.0cm;
mso-header-margin:35.4pt;
mso-footer-margin:35.4pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Обычная таблица";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
</style>
<![endif]--><!-- Copyright 2005 Macromedia, Inc. All rights reserved. --><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>
<body bgcolor="#990000" background="mm_bg_red.gif" lang=RU link="#FF080E"
vlink="#FF080E" style='tab-interval:35.4pt'>
<div class=Section1>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=951
style='width:713.6pt;mso-cellspacing:0cm;mso-padding-alt:0cm 0cm 0cm 0cm'>
<tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes;height:41.25pt'>
<td width=215 nowrap colspan=2 rowspan=2 style='width:161.25pt;background:
#220103;padding:0cm 0cm 0cm 0cm;height:41.25pt'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><o:p> </o:p></span></p>
</td>
<td width=533 nowrap colspan=2 valign=bottom style='width:399.6pt;background:
#220103;padding:0cm 0cm 0cm 0cm;height:41.25pt' id=logo>
<p class=MsoNormal style='margin-left:18.75pt;line-height:22.5pt'><span
style='font-size:10.5pt;font-family:Arial;color:#FF9900;letter-spacing:6.0pt'>INSERT
WEBSITE NAME<o:p></o:p></span></p>
</td>
<td width=200 rowspan=2 style='width:150.25pt;background:#220103;padding:
0cm 0cm 0cm 0cm;height:41.25pt'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><o:p> </o:p></span></p>
</td>
<td width=3 rowspan=2 style='width:2.5pt;background:#220103;padding:0cm 0cm 0cm 0cm;
height:41.25pt'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'> <o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:1;height:40.5pt'>
<td width=533 nowrap colspan=2 valign=top style='width:399.6pt;background:
#220103;padding:0cm 0cm 0cm 0cm;height:40.5pt' id=tagline>
<p class=MsoNormal style='margin-left:18.75pt;line-height:10.5pt'><span
class=SpellE><span style='font-size:8.5pt;font-family:Arial;color:#FF9900;
letter-spacing:2.4pt'>optional</span></span><span style='font-size:8.5pt;
font-family:Arial;color:#FF9900;letter-spacing:2.4pt'> <span class=SpellE>tagline</span>
<span class=SpellE>here</span><o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:2'>
<td width=951 colspan=6 style='width:713.6pt;background:#FF9900;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><img
width=1 height=1 id="_x0000_i1025" src="mm_spacer.gif" border=0><o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:3'>
<td width=951 colspan=6 style='width:713.6pt;background:#FF080E;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><img
width=1 height=2 id="_x0000_i1026" src="mm_spacer.gif" border=0><o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:4'>
<td width=951 colspan=6 style='width:713.6pt;background:#FF9900;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><img
width=1 height=1 id="_x0000_i1027" src="mm_spacer.gif" border=0><o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:5'>
<td width=951 colspan=6 style='width:713.6pt;background:#FF080E;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><img
width=1 height=18 id="_x0000_i1028" src="mm_spacer.gif" border=0><o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:6'>
<td width=951 colspan=6 style='width:713.6pt;background:#FF9900;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><img
width=1 height=1 id="_x0000_i1029" src="mm_spacer.gif" border=0><o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:7'>
<td width=951 colspan=6 style='width:713.6pt;background:#FF080E;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><img
width=1 height=2 id="_x0000_i1030" src="mm_spacer.gif" border=0><o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:8'>
<td width=951 colspan=6 style='width:713.6pt;background:#FF9900;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><img
width=1 height=1 id="_x0000_i1031" src="mm_spacer.gif" border=0><o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:9'>
<td width=696 colspan=3 valign=top style='width:522.0pt;padding:0cm 0cm 0cm 0cm'
id=navborder>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><img
width=50 height=1 id="_x0000_i1032" src="mm_spacer.gif" border=0><o:p></o:p></span></p>
<p class=MsoNormal style='margin-left:54.0pt'><span style='font-size:8.5pt;
font-family:Arial;color:yellow'><img width=305 height=1 id="_x0000_i1033"
src="mm_spacer.gif" border=0><br>
</span><span lang=EN-US style='font-size:8.5pt;font-family:Arial;color:yellow;
mso-ansi-language:EN-US'> <br>
<o:p></o:p></span></p>
<p style='margin-left:54.0pt;line-height:16.5pt'><span lang=EN-US
style='font-size:8.5pt;font-family:Arial;color:yellow;mso-ansi-language:EN-US'> <br>
<span style='letter-spacing:1.2pt'>This Home Page layout makes a great
starting point for your website. Virtually all of the content is
customizable, including the images, the text, and the links. You can decide
whether to keep the existing graphics or swap them out for pictures of your
own.<o:p></o:p></span></span></p>
<p class=MsoNormal style='margin-left:54.0pt'><span lang=EN-US
style='font-size:8.5pt;font-family:Arial;color:yellow;letter-spacing:1.2pt;
mso-ansi-language:EN-US'>The text on this page is intended to help you
jumpstart your design by suggesting the sort of content you may want to
include, but don't let it limit you. The same is also true for the link text
- feel free to change the names of the links to better suit your particular
needs. If you have any questions about using Contribute to edit these pages,
refer to the Read Me file included with the download or to the Contribute
Help System. </span><span class=SpellE><span style='font-size:8.5pt;
font-family:Arial;color:yellow;letter-spacing:1.2pt'>Have</span></span><span
style='font-size:8.5pt;font-family:Arial;color:yellow;letter-spacing:1.2pt'> <span
class=SpellE>fun</span> <span class=SpellE>and</span> <span class=SpellE>make</span>
<span class=SpellE>a</span> <span class=SpellE>great</span> <span
class=SpellE>website</span>!</span><span style='font-size:8.5pt;font-family:
Arial;color:yellow'><o:p></o:p></span></p>
</td>
<td width=52 style='width:38.85pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><o:p> </o:p></span></p>
</td>
<td width=200 valign=top style='width:150.25pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;color:yellow'><o:p> </o:p></span></p>
<div align=center>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=192
style='width:143.65pt;mso-cellspacing:0cm;background:#FFFFCC;mso-padding-alt:
0cm 0cm 0cm 0cm'>
<tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'>
<td width=192 colspan=3 style='width:143.65pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal align=center style='margin-bottom:12.0pt;text-align:
center;line-height:13.5pt'><span style='font-size:8.5pt;font-family:Arial;
color:#FF080E;letter-spacing:.6pt'><br>
PRODUCTS<o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:1;mso-yfti-lastrow:yes'>
<td width=24 style='width:17.65pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:8.5pt;font-family:Arial;
color:yellow'><img width=20 height=1 id="_x0000_i1034" src="mm_spacer.gif"
border=0><o:p></o:p></span></p>
</td>
<td width=132 style='width:99.0pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span style='font-size:7.5pt;font-family:Arial;
color:#333333'><o:p> </o:p></span></p>
<p align=center style='text-align:center'><span style='font-size:7.5pt;
font-family:Arial;color:#333333'><img width=110 height=110 id="_x0000_i1035"
src="mm_product_sm.gif" vspace=6 alt="product image 1" border=0></span><span
lang=EN-US style='font-size:7.5pt;font-family:Arial;color:#333333;
mso-ansi-language:EN-US'><br>
<span class=SpellE>Lorem</span> <span class=SpellE>ipsum</span> <span
class=GramE>dolor sit</span> <span class=SpellE>amet</span> <span
class=SpellE>consetetur</span>.<br>
</span><span style='font-size:7.5pt;font-family:Arial;color:#333333'><a
href="javascript:;"><span lang=EN-US style='mso-ansi-language:EN-US'>read
more ></span></a></span><span lang=EN-US style='font-size:7.5pt;
font-family:Arial;color:#333333;mso-ansi-language:EN-US'><o:p></o:p></span></p>
<p align=center style='text-align:center'><span style='font-size:7.5pt;
font-family:Arial;color:#333333'><img border=0 width=110 height=110
id="_x0000_i1036" src="mm_product_sm.gif" vspace=6 alt="product image 2"></span><span
lang=EN-US style='font-size:7.5pt;font-family:Arial;color:#333333;
mso-ansi-language:EN-US'><br>
<span class=SpellE>Lorem</span> <span class=SpellE>ipsum</span> <span
class=GramE>dolor sit</span> <span class=SpellE>amet</span> <span
class=SpellE>consetetur</span>.<br>
</span><span style='font-size:7.5pt;font-family:Arial;color:#333333'><a
href="javascript:;"><span lang=EN-US style='mso-ansi-language:EN-US'>read
more ></span></a></span><span lang=EN-US style='font-size:7.5pt;
font-family:Arial;color:#333333;mso-ansi-language:EN-US'><o:p></o:p></span></p>
<p class=MsoNormal><span lang=EN-US style='font-size:7.5pt;font-family:
Arial;color:#333333;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
</td>
<td width=36 style='width:27.0pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:
Arial;color:yellow;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
</td>
</tr>
</table>
</div>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:Arial;
color:yellow;mso-ansi-language:EN-US'><o:p></o:p></span></p>
</td>
<td width=3 style='width:2.5pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:Arial;
color:yellow;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
</td>
</tr>
<tr style='mso-yfti-irow:10;mso-yfti-lastrow:yes'>
<td width=50 style='width:37.5pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:Arial;
color:yellow;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:Arial;
color:yellow;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
</td>
<td width=646 colspan=2 style='width:484.5pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:Arial;
color:yellow;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
</td>
<td width=52 style='width:38.85pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:Arial;
color:yellow;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
</td>
<td width=200 style='width:150.25pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:Arial;
color:yellow;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
</td>
<td width=3 style='width:2.5pt;padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><span lang=EN-US style='font-size:8.5pt;font-family:Arial;
color:yellow;mso-ansi-language:EN-US'> <o:p></o:p></span></p>
</td>
</tr>
<![if !supportMisalignedColumns]>
<tr height=0>
<td width=50 style='border:none'></td>
<td width=165 style='border:none'></td>
<td width=481 style='border:none'></td>
<td width=52 style='border:none'></td>
<td width=200 style='border:none'></td>
<td width=3 style='border:none'></td>
</tr>
<![endif]>
</table>
<p class=MsoNormal><span lang=EN-US style='mso-ansi-language:EN-US'><o:p> </o:p></span></p>
</div>
</body>
</html>
|
|
страница меняет размеры при смене расширения 
Загрузка ...
