| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Ступор |
| Автор: 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 | ||||
А конкретно по вашему вопросу, вы же начинаете сдвигать картинку t28.gif при помощи относительного позиционирования position: relative; поэтому у вас картинка не извлекается из ннормального хода документа (т.е. место под нее резервируется во всех случаях, его-то вы и видите) а просто смещается на 340px вверх. |