Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Ступор, не могу разобраться 
:(
    Опции темы
dgoci
Дата 15.8.2008, 11:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 15.8.2008

Репутация: нет
Всего: нет



Здравствуйте!
У меня следующая проблема:
сверстала сайт...хочу подогнать его под несколько разных разрешений экрана...
стала центровать его...
частично получилось. НО! Вот какая загвоздка:
<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 рх.
Когда убираю это изображение - всё нормально...в чём проблема?
PM MAIL   Вверх
webster
Дата 15.8.2008, 12:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34



Код

<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 вверх.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0364 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.