Нужна помощь в верстке.

NapNu · January 16, 2015

Открываю в firefox,ie все как надо.В яндексе и хроме меню авторизации тупо падает вниз.Помогите пожалуйста не могу понять в чем проблема!?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>	<title>Design</title>	<meta http-equiv="Content-type" content="text/html" charset="utf-8">	<link type="text/css" href="css/style.css" rel="stylesheet"></head><body>	<div id="logo">		<a href="#"><img src="images/logo_head.png"></a>	</div>		<form id="field" action="#">			<div id="filed1">				<p class="tl">Логин:				<input name="login" type="text" class="login">				</p>				<p class="tl1">Пароль:				<input type="password" name="password" class="login">				</p>			</div>				<input type="image" src="images/enter.png" name="submit" class="login2">		</form>	</div>	<div id="header">	</div>	<div id="menu">	</div>	<div id="sidebarL">	</div>	<div id="content">	</div>	<div id="sidebarR">	</div>	<div id="footer">	</div></body></html>

body {	font:14px Arial;	width:1032px;	margin:0 auto;}#logo {	margin:20px 0;	display:inline;}.login {	border-radius:3px;	background-color:#FBFBFB;	border:1px solid #AEAEAE;	width:113px;	height:20px;}.tl {	color:#626262;	padding:0 10px;}.tl1 {	color:#626262;	}#field {	float:right;}#filed1 {	float:left;}.login2 {	padding:2px 3px;}

http://itmages.ru/image/view/2195742/d9e20387

http://itmages.ru/image/view/2195740/c335e817

rus · January 17, 2015

1) выложите код на: http://jsfiddle.net/

2) у вас на 23 строке html стоит закрывающий </div> а его открытия выше - нету.

psywalker · January 17, 2015

On 1/17/2015 at 12:37 PM, rus said:
1) выложите код на: http://jsfiddle.net/
2) у вас на 23 строке html стоит закрывающий </div> а его открытия выше - нету.

Только хотел написать, ты меня опередил. ТС, и пометьте в скриншотах, где какие браузеры и т.д.

NapNu · January 17, 2015

П

On 1/17/2015 at 12:41 PM, psywalker said:

On 1/17/2015 at 12:37 PM, rus said:
1) выложите код на: http://jsfiddle.net/
2) у вас на 23 строке html стоит закрывающий </div> а его открытия выше - нету.
Только хотел написать, ты меня опередил. ТС, и пометьте в скриншотах, где какие браузеры и т.д.

Первая ссылка это chrome вторая firefox.В jsFiddle отображается нормально так же как и в Firefox.То есть проблема только в хроме и яндексе.

On 1/17/2015 at 12:37 PM, rus said:
1) выложите код на: http://jsfiddle.net/
2) у вас на 23 строке html стоит закрывающий </div> а его открытия выше - нету.

http://jsfiddle.net/4vrgjnxu/

psywalker · January 17, 2015

Если честно, ничего непонятно. В живом примере всё сдвинуто дико в право и ситуация в хроме и файрфоксе одинаковая.

NapNu · January 17, 2015

On 1/17/2015 at 10:02 PM, psywalker said:
Если честно, ничего непонятно. В живом примере всё сдвинуто дико в право и ситуация в хроме и файрфоксе одинаковая.

Проблема в том что у меня в хроме и яндексе вот такая картина http://itmages.ru/image/view/2195742/d9e20387

Блок с авторизацией падает вниз, в ie и мазиле такой проблемы нет.В чем причина, в голову не чего не лезет.

NapNu · January 18, 2015

Даже на ноутбуке проверил там тоже самое в яндексе блок с авторизацией падает вниз, в ie и мазиле такой проблемы нет.Помогите кто знает в чем может быть проблема. Вообще без понятия что делать!

Sign In

Нужна помощь в верстке.

Question

NapNu

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

NapNu

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

NapNu

Link to comment

Share on other sites

NapNu

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information