VPF::Я.ру - Форум программистов

APro

Дата 2.12.2008, 18:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Как сделать кто-то типа этого - ya.ru, только divное. (Only DIV)

(заметьте, header и footer всегда прижаты, соотвественно)

--------------------

Никогда не спорь с дураком, другие могут не заметить между вами разницы.
Чем реже открываешь рот, тем меньше слышишь глупостей.

bars80080

Дата 2.12.2008, 18:54 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

поразбирайся с этим, намедни как раз верстал:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml " lang="en" xml:lang="en">
<head>
  <title></title>
  <meta http-equiv="Content-type" content="text/html; charset=windows-1251" />
  <meta http-equiv="Content-Language" content="ru-ru" />
  <meta name="author" content="" />
  <link href="login.css" media="screen" rel="stylesheet" type="text/css" />
</head><body>
<div id="ltcorner"><div id="rbcorner">
<div id="login"><div id="ttimg"><img src="media/image/avia/tt.gif" /></div>
<form method="post" action=""><table>
<tr><td colspan="2">Authorize, please</td></tr>
<tr><td>Login: </td><td><input type="text" name="user" /></td></tr>
<tr><td>Password: </td><td><input type="password" name="pass" /></td></tr>
<tr><td colspan="2">
<input type="hidden" name="link" value="" />
<input type="hidden" name="mode" value="" />
<input type="submit" name="reg" value="Registered" class="but" /></td></tr>
</table></form>
</div>
</div></div>
</body></html>

Код


* { margin: 0px; padding: 0px; }
body { background: #eeeeee url(../../media/image/avia/line4.gif); width: 100%; height: 100%;
    font-family: "Comic Sans MS", times; font-weight: bold; color: #666666; }
#ltcorner { position: absolute; right: 0px; bottom: 0px; width: 80%; height: 80%; 
    background: #f8f8f8 url(../../media/image/avia/line3.gif);
    border-left: solid 1px #cccccc; border-top: solid 1px #cccccc; }
#rbcorner { position: relative; width: 80%; height: 80%; left: -50px; top: -50px; background: #f8f8f8 url(../../media/image/avia/line1.gif);
    border: solid 1px #ffffff; }
#login { position: absolute; left: 38%; top: 38%; margin: auto; text-align: center; }
#ttimg { position: absolute; left: -100px; top: -70px; }
input.but { border: none; width: 150px; height: 20px; 
    background: #eeeeee url(../../media/image/avia/but.gif) no-repeat; 
    font-family: "Comic Sans MS", times; font-weight: bold; color: #666666; }

в принципе тоже самое. прижать что-то не вижу проблем с помощью position: absolute; и top; или bottom

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »