проблемы с подвалом

mario · January 31, 2009

В общем не могу разобраться в чем проблема, всегда было наоборот, опира, сафари и фф всегда отображали как надо а ие косячит, а тут вот такое вот дело... наоборот...

html - страница:

<html>  
<head>
	<link rel="stylesheet" type="text/css" href="/css/scr.css">
</head>	
<body>	  
<div id="all_page">

<div id="top-page_round"></div>

<div id="content-page">
	<div id="header">
		HEADER
	</div>	
	<div id="f_content">  
		<div id="box_links">
		{field_16}
		</div>
		<div id="box_content">
		{field_1}
		</div>
		<div id="box_plus">
		<h4>Полезно знать</h4>{field_13}<br />
		</div>
	</div>	
	<div id="s_content">
		{field_10}
	</div>
</div>  

<div id="bottom-page">
	<div id="bottom-page-content">
	<div id="foot_left">
		<div id="foot_tel">TElefon</div>
		<div id="foot_telcons">ответит на все возникшие вопросы<br />с 9:00 до 18:00</div>
	</div>
	<div id="foot_right">
		<div id="foot_copyr">
		<p>
		Copyright© 2008<br>ООО "xxxxx"
		</p>
		<p class="bottomes-linkes">
		<b><a href="/about/contacts/">Контакты</a>  
		<a href="/search/">Поиск</a>  
		<a href="/map/">Карта сайта</a></b>
		</p>
		</div>
	</div>
	</div>
</div>
</div>
<div id="bottom-page_round"> </div>
</body>
</html>

css-стиль:

html, body 
{height: 100%;}

body
{
	padding: 0;
	margin: 0;
	background-color: #E3E3E3;
	text-align: center;

}
#all_page
{
	width:990px;
	height:100%;
	background: url(/i/all_page-bg.gif) repeat-y #FFF;
	margin: 10px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	font: 12px Tahoma;
}
#top-page_round
{
	background: url(/i/top-page_round.gif) no-repeat;
	height:14px;
}
#content-page
{
	margin-top: 1px;
	margin-bottom: 0px;
	margin-left: 21px;
	margin-right: 29px;
	height:100%;
}

#bottom-page
{
	width:990px;
	background: url(/i/all_page-bg.gif) center repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	height:150px;
}

#bottom-page-content
{
	margin-left: 21px;
	margin-right: 29px;
	min-height:20px;
	max-height:300px;
}
#bottom-page_round
{
	background: url(/i/bottom-page_round.gif) top center no-repeat;
	height:17px;
}
#foot_left
{
	float: left;
	width: 34%;
	background: url(/i/foot_bg_op.gif) no-repeat;
	height: 134px;
	min-height:100px;
	max-height:145px;
	padding-top:42px;
	padding-left: 125px;
}
#foot_right
{
	float: right;
	max-width: 50%;
}
#foot_copyr
{
	margin: 13px 0px 0px 19px;
	width:440px;
	height: 121px;
	background: #F1F1F1;
	padding-top: 30px;
	padding-left:30px;
	font: 11px Tahoma;
}

#header
{
	float: left;
	width: 100%;
	margin-top: 4px;
	height: 180px;
}
.logo
{
	float: left;
	width: 250px;
	margin: 30px 0px 20px 0px;
}

#f_content
{
	float: left;
	width: 665px;
}

#box_links
{
	float: left;
	width: 120px;
	background: #E7E7E7;
	min-height: 60px;
	font: 12px Tahoma;
	padding: 2px 0px 6px 5px;
	color: #565656;
}
#box_content
{
	float: left;
	width: 350px;
	margin-left: 10px;
	text-align: justify;
}
#box_content_s
{
	float: left;
	width: 500px;
	margin-left: 10px;
	text-align: justify;
	font: 11px Tahoma;
}
#box_plus
{
	float: left;
	width: 165px;
	margin-left: 5px;
	background: url(/i/vr-line.gif) left top no-repeat;
	color: #4E4E4E;
	font: 11px Tahoma;
}

#s_content
{
	float: right;
	width: 250px;
	font: 11px Tahoma;
	padding-left: 10px;
}

.valutius
{
	float: left;
	width: 120px;
	height: 120px;
	background: url(/i/valutius.gif) no-repeat;
	padding: 35px 0px 0px 10px;
}
#l_content
{
	float:left;
	width: 230px;
}
#c_content
{
	float:left;
	width: 480px;
}
#r_content
{
	float:right;
	width: 220px;
}

Это в Опере:

А это в ФФ:

Вот такие вот дела

Edited February 1, 2009 by mario

mario · February 1, 2009

надеюсь на понедельник... =)

Victor Ananiev · February 1, 2009

Локализируйте код, все ненужное форматирование нужно выкинуть, кому охота копаться в куче не касающегося проблемы кода?

Edited February 1, 2009 by Victor Ananiev

mario · February 1, 2009

спасибо за совет, выкинул все ненужное...

AlexeyN · February 4, 2009

Посмотри здесь: http://godcow.org/2007/12/21/issleduem-podvaly/#comment-3638

Sign In

проблемы с подвалом

Question

mario

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

mario

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

mario

Link to comment

Share on other sites

AlexeyN

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information