Позиционирование - HTML и CSS

DeZoX · 03.01.2012, 04:42

Долго мучаюсь, вот решил спросить у вас.
Есть центрированный макет, нужно что бы <form></form> (все что внутри) было справа, под ссылками. Сделал… но у меня
при разных расширениях экранов все инпуты смещаются.
Вот код HTML:

Код HTML:

<body class="site-monitor-div">
<div class="site-block-div">
<div class="top-site-div">
<a href="#" ><img src="img/logo.png" border="0"/></a>

<ul class="top-ul-style">
<li class="top-li-style">
<a href="#">Главная</a>&nbsp;/
……………………………
</li>
</ul>

<form method="post" action="#" class="t-auth">
<input type="text" class="login_pass" value="Логин"></input>
<input type="text" class="login_pass" value="Пароль"></input>
<input type="submit" class="login" value="" ></input></br>
<ul class="top-ul-style">
<li class="top-li-style">
<a href="#" style="font-size:11px;">Зарегистрироваться</a>
&nbsp;
<a href="#" style="padding-right:95px; font-size:11px;">Забыл пароль?</a>
</li>
</ul>
</form>
</div>

CSS:

Код HTML:

* {padding:0px; margin:0px; outline:0; border:0;}
html, body{}
.site-monitor-div{font:14px Verdana; color:#c6221d; background-color:#fdffdc;}
.site-block-div{margin:auto;padding-top:14px;width:800px;height:900px;text-align:left;}
.top-ul-style{list-style:none; float:right;}
.top-li-style{display:inline;}
.top-site-div{width:100%; height:108px;}
a{color:#c6221d;}
a:hover{text-decoration:none;}
.t-auth{
position:fixed;
top:44px;
right:228px;
}
.login_pass{
	width: 110px;
	height:24px;
	float: left; 
	padding: 0px 10px 0px 15px;
	background: url(img/1.png) no-repeat;
	font: italic 11px Verdana;
	color: #d36767;
	outline: none; 
}
.login{
width:64px;
height:24px;
background-image:url("img/login.png");
background-repeat:no-repeat;
}
.line-top{
background:url("img/line.gif") repeat-x;
height:2px;
width:100%;
}

Lime · 03.01.2012, 13:36

Мне кажется достаточно

Код:

position:absolute;
top: YYpx;
right:XXXpx;

Для div-a и input'ов соотв.

DeZoX · 03.01.2012, 15:40

Цитата:

Сообщение от Lime

Код:

position:absolute;
top: YYpx;
right:XXXpx;

Для div-a и input'ов соотв.

Не получилось, все стало намного хуже

03.01.2012, 13:36	#2
Lime Форумчанин Регистрация: 10.02.2009 Сообщений: 815	Мне кажется достаточно Код: `position:absolute; top: YYpx; right:XXXpx;` Для div-a и input'ов соотв.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
позиционирование кнопки	Atak	HTML и CSS	0	11.12.2011 21:00
Позиционирование блоков	KorPaEv	HTML и CSS	5	11.08.2011 21:49
Относительное позиционирование	melkortheshadow	HTML и CSS	6	13.04.2011 23:10
Позиционирование	Syltan	HTML и CSS	0	25.03.2010 19:15
Позиционирование	serg_sk	HTML и CSS	0	18.03.2010 20:42