Авторизация

4ak · February 21, 2012

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>


<body>

	<div id="container">
		<div id="header">Образование
        </div>
        <div id="content">


        	<table class="login">
        		<tr>
                	<th colspan="2" ">Авторизация</th>
                </tr>
                <tr>
                    <td>Логин</td><td><input type="text" name="login"></td>
                </tr>
                <tr>
                    <td>Пароль</td><td><input type="password" name="password"></td>
               	</tr>
                <tr>
                     <th colspan="2"><input type="submit" value="Войти" style= "height:130px; width: 130px"></th>
                </tr>
           	</table>
       </div>
			<div id="rasporka">Распорка
  			</div>
   </div>

<div id="footer">Футер</div>



</body>
</html>

@charset "UTF-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}

body, html{
height: 100%;

	}

#container {
	width: 900px;
	margin: 0 auto;
	min-height: 100%;
	background-color:green;
	position:relative;

}

#footer{
	width:900px;
	margin-top: -40px;
	min-height: 40px;
	margin-left:auto;
	margin-right:auto;
	position:relative;


	background-color:#9F0;
}
#rasporka{
	height:40px;
}
.login{
	background-color:#C09;
	margin: 40px auto 0;
}
*html #container{
	height: 100%;
}

Пацаны помогайте.

Проблема с версткой кнопки в окне авторизации. Задал высоту кнопки "Войти" 130px, показывает эти 130px только фаерфокс, остальные бразуеры(исключая ИЕ, его не пробовал) ставят высоту по дефолту. С шириной таких проблем нет. Это просто практика поэтому больше интересна причина возникновения проблемы.

Switch74 · February 21, 2012

остальные - это какие?

у меня в хроме и опере кнопка высотой 130px

4ak · February 21, 2012

Странно. У меня вот так вот в Хроме и Сафари.

Switch74 · February 21, 2012

судя по кнопке - это сафари, а если у тебя в хроме такая же, то видимо у тя стоит какое-то расширение или еще какие настройки

4ak · February 24, 2012

Фотография с хрома. Расширений вроде нет.

Может как то связано с тем, что у меня мак, на винде не пробовал.

Switch74 · February 24, 2012

хм... сто пудов - это мак

ну там на сколько я знаю есть проблемы с изменением размеров input

могу посоветовать заменить кнопку на свой вариант с js

Edited February 24, 2012 by Switch74

Sign In

Авторизация

Question

4ak

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

4ak

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

4ak

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information