Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Ступор


Автор: dgoci 15.8.2008, 11:37
Здравствуйте!
У меня следующая проблема:
сверстала сайт...хочу подогнать его под несколько разных разрешений экрана...
стала центровать его...
частично получилось. НО! Вот какая загвоздка:
<HTML>
<HEAD>
<TITLE>001</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<!--
BODY {
        SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #4e4e4e; COLOR:#000000; SCROLLBAR-3DLIGHT-COLOR: #808080; LINE-HEIGHT: 13px; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; FONT-FAMILY: georgia; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff
A:link {
        COLOR: #0080FF; TEXT-DECORATION: none
}
A:visited {
        COLOR: #FF0D86; TEXT-DECORATION: none
}
A:active {
        COLOR: #FFFFFF; TEXT-DECORATION: none
}
A:hover {
        COLOR: #000000; TEXT-DECORATION: none
}
.m14 {
    font-family: Myriad Pro;
    font-size: 14px;
    font-style: normal;
}

-->
</STYLE>

</HEAD>
<BODY BGCOLOR=im/fon.jpg LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>


<center>
<TABLE WIDTH=770 position: absolute; left: 50%; width: 1000px; margin-left: -500px;>
<TR>
<BODY text=#000000 vLink=#006c00 aLink=#000000 link=#000000 bgColor=#fbfbfb
background=im/fon.jpg>

<img src="im/t1.gif" width=767 height=336 style="position: relative; left: 0px; bottom: 2px">

<img src="im/four.gif" width="767" height="253" border="0" style="position: relative; left: 0px; bottom: 6px">

<img src="im/line5.gif" width="723" height="360" border="0" style="position: relative; left: 20px; bottom: 10px">

<img src="im/5ive.gif" width="763" height="156" border="0" style="position: relative; left: 0px; bottom: 14px">

<img src="im/t28.gif" width="226" height="255" border="0" style="position: relative; left: 0px; bottom: 340px">

</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

Как только появляется в коде изображение (t28.gif) внизу страницы появляется огроменное пустое место....в 500-800 рх.
Когда убираю это изображение - всё нормально...в чём проблема?

Автор: webster 15.8.2008, 12:23
Код

<TABLE WIDTH=770 position: absolute; left: 50%; width: 1000px; margin-left: -500px;>
Здесь у вас ошибка, у вас нет атрибута style, которому должна принадлежать вся строка:
Код

position: absolute; left: 50%; width: 1000px; margin-left: -500px;

А конкретно по вашему вопросу, вы же начинаете сдвигать картинку t28.gif при помощи относительного позиционирования position: relative; поэтому у вас картинка не извлекается из ннормального хода документа (т.е. место под нее резервируется во всех случаях, его-то вы и видите) а просто смещается на 340px вверх.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)