Помогите понять в чем дело...

mario · December 12, 2008

Доброго времени суток!

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

В ообщем суть проблемы такова

есть верстка дизайна, после подвала, страница должна заканчиваться, в опере она заканчивается нормально, а вот в ИЕ почему то не совсем правильно заканчивается, смотрим на картинки, код css прилагается.

Опера:

ИЕ:

Листинг

html, body {height: 100%;}
body 	{padding: 0; margin: 0; background-color: #E2E2E2;/*EFF1F6*/ color: #666;
		font: 70% tahoma, arial, sans-serif; text-align: center;}
/*.sp {color: #666;}*/
#allpage
	{
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: left;
	height: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 940px; /*min-width: 990px; max-width: 1000px; */
	}
html>body #allpage {height: auto; min-height: 100%;}
#empty {height: 25px; clear: both;}
#empty1 {height: 15px; clear: both;}
/* Шапка */
.header {width: 100%; float: left; padding: 30px 0;}
.logo {width: 300px; float: left;}
.header_right {margin-left: 300px; padding: 10px 0 0 0;}

.header .basket_block {float: left; background: url(/i/ico_basket.gif) no-repeat; padding: 0 50px 0 25px; color: #A9ACB4;}
.header .rate_block {margin-left: 25px; display: block; background: url(/i/ico_rate.gif) no-repeat 0 3px; padding: 0 0 0 25px; margin-top: 10px;}
.header .rate_block b {font-weight: normal; color: #F00;}
.header .search_block {float: left; padding: 5px 0 0 20px;}
.header input {width: 140px;}
.navi {float: right; padding: 5px 0 0 0;}
.navi img {margin: 0 17px;}

.logo .abs {left: 110px; top: -5px; color: #A9ACB4;}
/* Подвал */
#footer {margin: 0 auto; text-align: left; font-size: 11px; color: #666; min-height: 90px;
	width: 940px;
	min-width: 940px; max-width: 940px;
	}
#footer {background: #E2E2E2;color: #000000;}
#footer .left {min-height: 90px;}
* html #footer .left {height: 90px;}
#footer .left .aright {color: #000000; padding: 5px 15px 0 0;}
#footer .content {background: #EFF1F6;}
#footer .right {background: #E2E2E2;font-weight: bold; color: #000000;text-align: right;}
#footer .left, #footer .right, #footer .center {padding: 0;}
.blue_strike {float:left;}
.blue_strike .center {width: 940px;background: #99C6E5;background: url(/i/blue_strike.jpg) repeat-x;}

.page_pad {padding: 0 30px;}
.call_man   {
				z-index: 1;
				padding: 0 0 0px 20px;
                margin-top: -40px;
                margin-bottom: -10px;
			}
#field {
		margin: 0px;
		padding: 0px;
	  	border-style: none none none none;
	  	border-width: 5px 5px 5px 5px;
		}
#field1 {float: left;
			text-align: center;
	        width: 216px;
	        border-style: none none none none;
	        margin-top: 5px;
	        padding: 2px;
	        border-width: 1px 1px 1px 1px;
		}
#field2 {float: left;
	        width: 216px;
	        text-align: center;
	        border-style: none none none none;
	        margin-top: 5px;
	        padding: 2px;
	        border-width: 1px 1px 1px 1px;
		}
#field3 {float: left;
	        width: 216px;
	        text-align: center;
	        border-style: none none none none;
	        margin-top: 5px;
	        padding: 2px;
	        border-width: 1px 1px 1px 1px;
		}
#field4 {float: left;
			padding: 2px;
			text-align: center;
	        width: 216px;
	        border-style: none none none none;
	        margin-top: 5px;
	        border-width: 1px 1px 1px 1px;
		}
		#field1 .news_title {color: #000000;}
		#field2 .news_title {color: #000000;}
		#field3 .news_title {color: #000000;}
		#field4 .news_title {color: #000000;}

		#field1 .h3_block {color: #FFF;}
		#field2 .h3_block {color: #FFF;}
		#field3 .h3_block {color: #FFF;}
		#field4 .h3_block {color: #FFF;}
.anime {
		text-decoration:none;
		}
.fild4 {
		text-align:left;
		padding: 10px;
		}
		.fild4 ul li {list-style-type: none;}
/* Основная разметка - 3 колонки */
.left {width: 25%; float :left; padding-bottom: 35px;}
.center {width: 49.9%; float: left; padding-bottom: 35px; display:inline;}
.center .cat {display:none;}
.right {width: 25%; float: right; padding-bottom: 35px;}
.left .pad {padding: 15px 10px 0 0;}
.center .pad {padding: 15px 10px 0 0;}
.right .pad {padding: 15px 0 0 0;}
/* Главное меню */
.menu ul {float: left; margin: 0px; background: url(/i/menu_bg.gif) repeat-x;  /*text-align: center;*/width: 840px;/*840px;*/}
.menu ul li {list-style-type: none; padding: 8px 25px 15px 5px; float: left; font-weight: bold; color: #FFFFFF; white-space: nowrap;}
.menu ul li a {color: #FFF; text-decoration: underline;}
.menu ul li a:hover {color: #FDF741;}
/* Новости */
.news {margin:0 0 15px 0; overflow: hidden; padding-bottom:15px;}
.news_img {width: 125px; float: left; margin-right: -100%;}
.news_text {margin-left: 125px;text-align:left;}
.no_image .news_text  {margin-left: 0;}
.news_image {float: left; margin: 5px 15px 15px 0;}
.news_text p {margin-bottom: 0;}
.date {display: block; color: #A9ACB4; padding: 0 0 4px 0;text-align:left;}
.news_title {font-weight: bold;}

.news_all {/*padding: 10px 0 20px 108px;*/ padding:10px 0 20px 0; clear: both; float: left; text-align:right; width:100%;}
.news_all a {padding: 0 45px 3px 17px; white-space: nowrap;}

.news_all .news_archive {background: url(/i/arr01.gif) no-repeat 0 0.5em; padding: 0 44px 3px 17px;}
.news_all .news_rss {background: url(/i/ico_rss.gif) no-repeat 0 0.3em; padding: 0 5px 3px 17px;}
.right .news_all {padding-left: 0;}

.prm01 {border: 1px solid #A9ACB4; padding: 1px; background: #FFF; margin: 0 0 15px 0;}
.prm01 div {background: url(/i/prm_bg.gif) repeat-x;}
.prm01 div div {background: url(/i/prm02.jpg) no-repeat;}
.prm01 div div div {background: url(/i/prm_text.png) no-repeat 90% 50px;}


.prm02 {border: 1px solid #A9ACB4; padding: 1px; background: #FFF; margin: 0 0 15px 0;}
.prm02 div {background: url(/i/prm2_bgr.jpg) repeat-x;}
.prm02 div div {background: url(/i/prm2_pic.jpg) no-repeat right; height: 256px;}
a:link{
text-decoration:none;
color:#2876A7;
}
a:visited {
text-decoration:none;
color:#2876A7;
}
a:hover {
text-decoration:underline;
color:#2876A7;
}
a:active {
text-decoration:none;
color:#2876A7;
}
h1 {font: bold 135% tahoma, sans-serif; margin: 0 0 0.8em 0; color: #4A80BE;}
h2 {font: bold 110% tahoma, sans-serif; margin: 0 0 0.7em 0; padding: 0; color: #4A80BE;}
h3 {font: bold 100% tahoma, sans-serif; color: #4A80BE; margin: 0 0 0.6em 0; padding: 0;}
h4 {font: normal 100% tahoma, sans-serif; color: #4A80BE; margin: 0 0 0.4em 0; padding: 0;}
h5 {text-transform: uppercase; color: #624A7E; margin: 0 0 1em 0; font-size: 92%; font-weight:normal;}
h6 {margin: 0 0 1.5em 0; font-size: 90%; font-weight:normal;}
.faq h5 { margin-bottom:0.4em;}
.new h5 { font-weight:bold;}
.faq h6 a{font-weight:bold;}
.faq h6 a.red{font-weight:normal;}

form {margin: 0; padding: 0;}
table {font-size: 100%; border-collapse: collapse;}
p {margin: 0.5em 0 1.2em 0;}
img {border: none;}
a {color: #2273B5; text-decoration: underline;}
a:hover {text-decoration: underline; color: #716E6E;}
/*ul {margin: 0.5em 0 1em 0; padding: 0;}
ul li {padding: 0 0 0.2em 25px; background: url(/i/li.gif) no-repeat 15px 0.5em; list-style: none;}*/
input, textarea, select {color: #000; font: 100% tahoma, arial, sans-serif; background: #FFF;}
input, textarea {padding: 2px 0 2px 3px; border: 1px solid #E5E5E5; margin-right: 5px;}
input.sm_button, .green-button {background-color:#a9acb4; color:#fff; padding-left:5px; padding-right:5px;}
select {border: 1px solid #E5E5E5; margin-right: 5px;}
fieldset {border: none;}
hr {height: 1px; border: none; background: #CCC; color: #CCC;}
.btn, button {width: auto !important; padding: 2px 8px; background: #A9ACB4; font: 100% tahoma, arial, sans-serif; color: #FFF; border: none; cursor: pointer;}
.both {clear: both;}
.spacer {width: 1px; height: 1px; font-size: 0;}
.fleft {float: left;}
.fright {float: right;}
.aright {text-align: right;}
.acenter {text-align: center;}
.aleft {text-align: left;}
.red {color: #F00;}
.rel {position: relative;}
.abs {position: absolute;}
.mini {font-size: 92%;}
.bold {font-weight: bold;}
.grey {color: #999;}
.nowrap {white-space: nowrap;}
.dashed {text-decoration: none; border-bottom: 1px dashed;}
.dashed:hover {text-decoration: none;}

.usual {margin-bottom: 30px;}
.usual input {width: 250px; border: 1px solid #CCC; background: #FFF url(/i/fields_bg.gif) repeat-x; padding: 2px 0 2px 3px;}
.usual div {margin: 0 0 1.1em 0;}
.usual h2 {margin: 0; padding: 0; font-weight: normal; font-size: 100%; color: #666;}
.usual input, .usual  select, .usual  textarea {margin-top: 4px;}
.usual textarea {width: 330px; height: 100px; border: 1px solid #CCC;}
.radio {margin-bottom:-2px;}
.radio p {text-indent: -20px; padding: 5px 0 0 25px; margin: 0;}
.radio input {border: none; margin: 0 5px 0 0; vertical-align: middle; padding: 0; width: 15px; background: none;}
.usual .cldr input {width: 6.5em;}
.usual .cldr img {vertical-align: middle; margin: 0 0 6px 5px; cursor: pointer;}
.element_required, .usual sup {color: #FE3721; font-family: tahoma, sans-serif;}
.needValue {color: #CCC;}
.captcha_block img {vertical-align: middle; margin-top: 4px;}
.usual .field_middle {width: 15em;}
.usual .field_mini {width: 6em;}

#text_page .pad {padding: 15px 20px 0 20px;}
.path {padding: 7px 0 20px 0; color: #A9ACB4;}

.block {clear: both; padding-bottom: 15px; width: 100%;}
.block h3 {background: #EFF1F6 url(/i/bull01.gif) no-repeat 7px 0.8em; border-top: 2px solid #A9ACB4; text-transform: uppercase; color: #666; font-size: 100%; padding: 6px 10px 6px 22px; margin: 0 0 15px 0; font-size: 100%; font-weight: normal;}
.h3_block {clear: both;}
.block h3.notable {background: #FF9F35 url(/i/bull02.gif) no-repeat 7px 0.8em; border-top: 2px solid #F98300; color: #FFF;}

.sp .center .h3_block {display: none;}

/* Форма авторизации */
.auth_form {padding: 0 0 20px 12px;}
.auth_form input {margin: 4px 0 8px 0;}

/* Forum */
.forum-topics {width: 100%;}
.forum-topics thead th {
	padding: 14px 12px;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #eff1f6; color: #333;
	text-align: center;
}
.forum-topics thead th.topic-name,
.forum-topics thead th.folder-name {
	padding-left: 42px;
	border-left: none;
	text-align: left;
	width: 45%;
}
.forum-topics tbody th {
	padding: 12px 12px;
	border-bottom: 1px solid #FFF;
	background: #64a1d7; color: #FFF;
}
.forum-topics tbody td {height: 46px;}

.forum-topics tbody td {
	padding: 10px 12px;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
}
.forum-topics tbody td.topic-name,
.forum-topics tbody td.folder-name {
	padding-left: 42px; border-left: none; text-align: left;
}
.forum-topics tbody td.folder-name {background: url(/i/forum/forum_folders.gif) no-repeat 12px 17px;}
/*.forum-topics tbody td.topic-name {background: url(/i/forum/forum_topics.gif) no-repeat 12px 16px;}*/

.forum-topics tbody td.folder-close {background-position: 12px -283px;}
.forum-topics tbody td.folder-closenew {background-position: 12px -133px;}
.forum-topics tbody td.folder-opennew {background-position: 12px -133px;}

.forum-topics tbody .dark td {background-color: #eff1f6;}

div.forum-legend {margin: 20px 0 20px 12px;}
table.forum-legend {width: 100%; margin: 20px 0 20px;}
table.forum-legend td {width: 25%; padding: 0 20px 0 12px;}

div.forum-legend p {background: url(/i/forum/forum_folders.gif) no-repeat;}
.forum-legend p {margin: 0 0 10px; padding-left: 30px;}
.forum-legend p.folder-close {background-position: 0 -300px;}
.forum-legend p.folder-closenew {background-position: 0 -150px;}
.forum-legend p.folder-opennew {background-position: 0 -150px;}

table.forum-legend p {
	background: url(/i/forum/forum_topics.gif) no-repeat;
	padding-bottom: 4px; padding-top: 1px; margin-bottom: 10px;}
.forum-legend p.topic-close {background-position: 0 -200px;}
.forum-legend p.hot-open {background-position: 0 -400px;}
.forum-legend p.hot-close {background-position: 0 -600px;}
.forum-legend p.stick-open {background-position: 0 -800px;}
.forum-legend p.stick-close {background-position: 0 -1000px;}
.forum-legend p.notice-open {background-position: 0 -1200px;}
.forum-legend p.notice-close {background-position: 0 -1400px;}


.forum-postform {margin: 10px 12px;}
.forum-postform form {margin-top: 20px;}

.forum_tbl {border-collapse: collapse; width: 100%;}
.forum_tbl th {padding: 6px; border: 1px solid #CCC;}
.forum_tbl td {padding: 6px; border: 1px solid #CCC; vertical-align: top;}

.forum_menu {margin: 10px 0;}
.forum_menu a {padding: 0 5px 0 10px; background: url(/i/li.gif) no-repeat 0 0.5em;}

.forum_subject {margin: -7px -7px 8px -7px; padding: 10px; background: #FAFAFA; border: 1px solid #CCC;}
.forum_signature {border-top: 1px solid #CCC; margin: 10px 0 5px 0;}

.forum-options {width: 100%; margin: 15px 0 5px; border-top: 1px solid #eff1f6; border-bottom: 1px solid #eff1f6;}
.forum-options td {width: 50%; border-left: 1px solid #eff1f6; padding: 16px 12px;}
.forum-options table td {width: auto; border-left: none; padding: 0 5px 0 0;}
.forum-options h6 {margin: 0 0 10px; font-size: 100%; color: #333;}

.forum-posts {width: 100%;}
.forum-posts thead th {
	padding: 12px 12px;	border-bottom: 1px solid #FFF;
	background: #64a1d7; color: #FFF;
}
.forum-posts tbody th {
	width: 150px; padding: 12px; border-bottom: 2px solid #eff1f6;
	text-align: left; font-weight: normal; vertical-align: top;
}
.forum-posts tbody th img {border: 1px solid #e3e7f0; margin: 5px 0; padding: 4px; background: #FFF;}
.forum-posts tbody th p {margin: 5px 0 10px; font-size: 9px;}
.forum-posts tbody td {vertical-align: top; padding: 12px 20px 20px 0; border-bottom: 2px solid #eff1f6;}
.forum-posts tbody td h6 {margin: 2px 0 16px; font-size: 100%; color: #333; font-weight: normal;}
.forum-posts tbody td p.forum-quote {margin: 0 0 8px; text-align: right;}
.forum-posts tbody td p.forum-quote a {background: url(/i/forum/forum_quote.gif) no-repeat 0 5px; padding-left: 10px;}
.forum-posts tbody.dark th, .forum-posts tbody.dark td {background-color: #f7f8fa;}

.quote {
	background: #FAFAFA;
	border: 1px solid #CCC;
	padding: 5px;
}

#postForm th {width: 100px; padding: 3px 0 7px; text-align: left; vertical-align: top; line-height: 22px;}
#postForm td {padding: 0 0 10px;}
#format-post {margin: 0 0 5px; border: 1px solid #eff1f6; padding: 8px; background: #eff1f6;}
#format-post table {margin: 10px 0 0;}
#format-post table.format-buttons {margin: 0;}
#postForm #format-post table.format-buttons td {padding-right: 10px;}
#postForm #format-post td {padding: 0;}
#format-post-control {
	position: relative;
	height: 20px; margin: 0 0 -20px 380px; padding: 0 6px;
	text-align: center;
	cursor: pointer;
}
.formatclose {background: #eff1f6; border: 1px solid #eff1f6; top: -20px; line-height: 20px;}
.formatopen {background: #eff1f6; border: 1px solid #eff1f6; border-bottom: none; top: -20px; line-height: 20px;}
dl.job-item, dl.form-item  { overflow:hidden; margin-left:10px; clear:left;}
dl.job-item  dd h5 span{padding-left:10px; font-weight:normal;}
dl.job-item  dd h5 b{color:#333;}
dl.job-item  dt, dl.form-item  dt { float:left; width:105px; overflow:hidden;}
dl.job-item  dd, dl.form-item  dd { margin-left:110px;}
.form-item .text, .form-item textarea {width:200px;}
.form-item .select {width:206px;}
.form-item textarea {height:80px;}
.form-item dd div {overflow:hidden; width:100%; float:left;}
.form-item dd div label{vertical-align:top;}
.job-item h5 {margin-bottom:0.2em;}
.job-item p {margin-top:0.2em;}
.job-item h5 span {font-size:90%; padding-left:20px; text-transform:none; color:#716e6e;}
.job-item h6 {font-size:80%; margin:5px 0;}
.job-info td, .job-info th {padding:2px 30px 1px 0;}
.job-info td {padding-right:0;}
.tech {margin:1.2em 0;}
.tech a { padding:0 3px;}
.tech span { padding:0 3px; font-weight:bold;}
/* html #map_canvas {margin-left:-20px; padding-left:20px;}*/
table#properties { width:100%; margin-top:1.2em;}
table#properties tr.odd{ background-color:#eff1f6;}
table#properties th, table#properties td { width:50%; padding: 4px; border: 1px solid #CCC;}
table#properties th {background-color:#a9acb4; color:#fff;}
/* /Forum */

/* Меню каталога */
.cat_menu {margin: 0 0 15px 7px;}
.cat_menu li {background: url(/i/cat_menu_li.gif) no-repeat 0 0.42em; padding: 0 0 4px 17px; color: #64A1D7;}
.cat_menu li.curr {background: url(/i/cat_menu_li_off.gif) no-repeat 0 0.42em;}
.cat_menu li a {color: #716E6E; text-decoration: none;}
.cat_menu li.curr a {color: #64A1D7; text-decoration: none;}
.cat_menu li a:hover {text-decoration: underline;}
.cat_menu li ul li {background: url(/i/cat_smenu_li.gif) no-repeat 0 0.45em; padding: 0 0 4px 10px;}
.cat_menu li.curr ul li a {color: #716E6E;}
.cat_menu li ul li.curr {background: url(/i/cat_smenu_li_off.gif) no-repeat 0 0.45em;}
.cat_menu li ul li.curr a {color: #64A1D7; text-decoration: none;}

.cat_search_link {float: right; padding: 0 0 3px 20px; background: url(/i/ico_search.gif) no-repeat 0 50%; margin: 10px 0 0 0; width: 110px;}

/* Меню 2-го уровня */
.submenu {margin: 0 0 25px 7px;}
.submenu li {background: url(/i/cat_menu_li.gif) no-repeat 0 0.42em; padding: 0 0 4px 17px; color: #64A1D7;}
.submenu li.curr {background: url(/i/cat_menu_li_off.gif) no-repeat 0 0.42em;}
.submenu li a {color: #716E6E; text-decoration: none;}
.submenu li.curr a {color: #64A1D7; text-decoration: none;}
.submenu li a:hover {text-decoration: underline;}
.submenu li ul li {background: url(/i/cat_smenu_li.gif) no-repeat 0 0.45em; padding: 0 0 4px 10px;}
.submenu li.curr ul li a {color: #716E6E;}
.submenu li ul li.curr {background: url(/i/cat_smenu_li_off.gif) no-repeat 0 0.45em;}
.submenu li ul li.curr a {color: #64A1D7; text-decoration: none;}

PS: Благодарю за внимание, с ув. mario

GumaNoiD · December 12, 2008

перезалей картинки

mario · December 12, 2008

Opera: http://opicture.ru/gallery/view/1229108380618993.html

IE: http://opicture.ru/gallery/view/1229108380882903.html

GumaNoiD · December 12, 2008

хух

Ну ИЕ на то он и ИЕ...

Тут метод тыка...Десятки раз залития одних и тех же файлов на хостинг и не более

mario · December 12, 2008

да скоко уже не тыкал... я так понимаю это надо тыкать в #allpage? уже все там перебрал...

mario · December 13, 2008

Ответ нашел сделал .blue_strike {margin-bottom: -35px;}

Решил проверить в ФФ а там ужос!!! там не видно блоков с контентами, видны только блоки header и footer. Почему? выкладываю листинги.

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>{page_title}</title>
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<meta name="description" content="{page_description}">
	<meta name="keywords" content="{page_keywords}">
	{page_meta}
	<script type="text/javascript" language="JavaScript" src="/js/JsHttpRequest.js"></script>
	<script type="text/javascript" language="JavaScript" src="/js/siteAdmin.js"></script>
	<link rel="stylesheet" type="text/css" href="/css/4index.css">
	<!--[if IE 7]><link rel="stylesheet" type="text/css" href="/css/4indexIE7.css"><![endif]-->
</head>
<body class="fp">
<div id="allpage">
<div class="page_pad">
<div class="header">
	<div class="logo">
	<a href="/"><img src="/i/logo.png" width="300" height="144" alt=""></a>
	</div>
<div class="center">
		<span class="rate_block">Наш курс: USD = <b>{usd_rur}</b> руб.<br>
		                  EUR = <b>{eur/rur}</b> руб.</span>
</div>
<div class="header_right">
	<!--Блок со значками: главная, карта сайта, отправить письмо-->
	<div class="navi">
	<a href="/"><img src="/i/ico_home.gif" width="11" height="10" alt="Главная страница" title="Главная страница"></a>
	<a href="{map_link}"><img src="/i/ico_map.gif" width="11" height="10" alt="Карта сайта" title="Карта сайта"></a>
	<a href="mailto:{contact_email}"><img src="/i/ico_mail.gif" width="10" height="10" alt="Обратная связь" title="Обратная связь"></a>
	<!—-Блок с поиском.-->
	<div class="search_block">
			<form name="search" action="" method="GET">
					<input type="text" name="query" value="поиск по сайту" onfocus="if (this.value == 'поиск по сайту'){this.value = '';this.className='';}" onblur="if (this.value == ''){this.value = 'поиск по сайту';this.className='needValue';}" class="needValue"><button type="submit" onclick="document.search.submit(); return false;">Найти</button>
					<input type="hidden" value="search" name="link">
					<input type="hidden" value="rus" name="lang">
			</form>
	</div>
	</div>
</div>
<br class="both">
</div>
<div class="menu">
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/company">О компании</a></li>
<li><a href="/contact">Контакты</a></li>
<li><a href="/vacancy">Вакансии</a></li>
<li><a href="/forums">Форум</a></li>
</ul>
</div>
<div class="firmbanner">
<img src="/img/banner.png" alt="bzzz..." width="880px">
</div>
<div class="content">
<div id="field1">
</div>
<div id="field2">
</div>
<div id="field3">
</div>
<div id="field4">
</div>
</div>
</div>
<div id="empty"> </div>
</div>
	<div id="footer">
		<div class="left">
			<div class="call_man">
				<a href="/contact"><img src="/i/call_manager.jpg" alt="Контакты"></a>
			</div>
		</div>
	<div class="content">
		<div class="center">
		</div>
			<div class="right"><br><br><br>
				<p>
				Copyright© 2008<br>ООО "беконстду"
				</p>
			</div>
			</div>
			 </div>
	<div class="blue_strike">
		<div class="center"> 
		</div>
	</div>
	</div>
</body>
</html>

4index.css

html, body {height: 100%;}
body 	{padding: 0; margin: 0; background-color: #E2E2E2;/*EFF1F6*/ color: #666;
		font: 70% tahoma, arial, sans-serif; text-align: center;}
/*.sp {color: #666;}*/
#allpage
	{
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: left;
	height: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 940px; /*min-width: 990px; max-width: 1000px; */
	}
html>body #allpage {height: auto; min-height: 100%;}
#empty {height: 25px; clear: both;}
#empty1 {height: 15px; clear: both;}
/* Шапка */
.header {width: 100%; float: left; padding: 30px 0;}
.logo {width: 300px; float: left;}
.header_right {margin-left: 300px; padding: 10px 0 0 0;}

.header .basket_block {float: left; background: url(/i/ico_basket.gif) no-repeat; padding: 0 50px 0 25px; color: #A9ACB4;}
.header .rate_block {margin-left: 25px; display: block; background: url(/i/ico_rate.gif) no-repeat 0 3px; padding: 0 0 0 25px; margin-top: 10px;}
.header .rate_block b {font-weight: normal; color: #F00;}
.header .search_block {float: left; padding: 5px 0 0 20px;}
.header input {width: 140px;}
.navi {float: right; padding: 5px 0 0 0;}
.navi img {margin: 0 17px;}

.logo .abs {left: 110px; top: -5px; color: #A9ACB4;}
/* Подвал */
#footer {margin: 0 auto; text-align: left; font-size: 11px; color: #666; min-height: 90px;
	width: 940px;
	min-width: 940px; max-width: 940px;
	}
#footer {background: #E2E2E2;color: #000000;}
#footer .left {min-height: 90px;}
* html #footer .left {height: 90px;}
#footer .left .aright {color: #000000; padding: 5px 15px 0 0;}
#footer .content {background: #EFF1F6;}
#footer .right {background: #E2E2E2;font-weight: bold; color: #000000;text-align: right;}
#footer .left, #footer .right, #footer .center {padding: 0;}
.blue_strike {float:left;}
.blue_strike .center {width: 940px;background: #99C6E5;background: url(/i/blue_strike.jpg) repeat-x;}

.page_pad {padding: 0 30px;}
.call_man   {

				padding: 0 0 0px 20px;
                margin-top: -40px;
                margin-bottom: -10px;
			}
#field {
		margin: 0px;
		padding: 0px;
	  	border-style: none none none none;
	  	border-width: 5px 5px 5px 5px;
		}
#field1 {float: left;
			text-align: center;
	        width: 216px;
	        border-style: none none none none;
	        margin-top: 5px;
	        padding: 2px;
	        border-width: 1px 1px 1px 1px;
		}
#field2 {float: left;
	        width: 216px;
	        text-align: center;
	        border-style: none none none none;
	        margin-top: 5px;
	        padding: 2px;
	        border-width: 1px 1px 1px 1px;
		}
#field3 {float: left;
	        width: 216px;
	        text-align: center;
	        border-style: none none none none;
	        margin-top: 5px;
	        padding: 2px;
	        border-width: 1px 1px 1px 1px;
		}
#field4 {float: left;
			padding: 2px;
			text-align: center;
	        width: 216px;
	        border-style: none none none none;
	        margin-top: 5px;
	        border-width: 1px 1px 1px 1px;
		}
		#field1 .news_title {color: #000000;}
		#field2 .news_title {color: #000000;}
		#field3 .news_title {color: #000000;}
		#field4 .news_title {color: #000000;}

		#field1 .h3_block {color: #FFF;}
		#field2 .h3_block {color: #FFF;}
		#field3 .h3_block {color: #FFF;}
		#field4 .h3_block {color: #FFF;}
.anime {
		text-decoration:none;
		}
.fild4 {
		text-align:left;
		padding: 10px;
		}
		.fild4 ul li {list-style-type: none;}
/* Основная разметка - 3 колонки */
.left {width: 25%; float :left; padding-bottom: 35px;}
.center {width: 49.9%; float: left; padding-bottom: 35px; display:inline;}
.center .cat {display:none;}
.right {width: 25%; float: right; padding-bottom: 35px;}
.left .pad {padding: 15px 10px 0 0;}
.center .pad {padding: 15px 10px 0 0;}
.right .pad {padding: 15px 0 0 0;}
/* Главное меню */
.menu ul {float: left; margin: 0px; background: url(/i/menu_bg.gif) repeat-x;  /*text-align: center;*/width: 840px;/*840px;*/}
.menu ul li {list-style-type: none; padding: 8px 25px 15px 5px; float: left; font-weight: bold; color: #FFFFFF; white-space: nowrap;}
.menu ul li a {color: #FFF; text-decoration: underline;}
.menu ul li a:hover {color: #FDF741;}
/* Новости */
.news {margin:0 0 15px 0; overflow: hidden; padding-bottom:15px;}
.news_img {width: 125px; float: left; margin-right: -100%;}
.news_text {margin-left: 125px;text-align:left;}
.no_image .news_text  {margin-left: 0;}
.news_image {float: left; margin: 5px 15px 15px 0;}
.news_text p {margin-bottom: 0;}
.date {display: block; color: #A9ACB4; padding: 0 0 4px 0;text-align:left;}
.news_title {font-weight: bold;}

.news_all {/*padding: 10px 0 20px 108px;*/ padding:10px 0 20px 0; clear: both; float: left; text-align:right; width:100%;}
.news_all a {padding: 0 45px 3px 17px; white-space: nowrap;}

.news_all .news_archive {background: url(/i/arr01.gif) no-repeat 0 0.5em; padding: 0 44px 3px 17px;}
.news_all .news_rss {background: url(/i/ico_rss.gif) no-repeat 0 0.3em; padding: 0 5px 3px 17px;}
.right .news_all {padding-left: 0;}

.prm01 {border: 1px solid #A9ACB4; padding: 1px; background: #FFF; margin: 0 0 15px 0;}
.prm01 div {background: url(/i/prm_bg.gif) repeat-x;}
.prm01 div div {background: url(/i/prm02.jpg) no-repeat;}
.prm01 div div div {background: url(/i/prm_text.png) no-repeat 90% 50px;}


.prm02 {border: 1px solid #A9ACB4; padding: 1px; background: #FFF; margin: 0 0 15px 0;}
.prm02 div {background: url(/i/prm2_bgr.jpg) repeat-x;}
.prm02 div div {background: url(/i/prm2_pic.jpg) no-repeat right; height: 256px;}
a:link{
text-decoration:none;
color:#2876A7;
}
a:visited {
text-decoration:none;
color:#2876A7;
}
a:hover {
text-decoration:underline;
color:#2876A7;
}
a:active {
text-decoration:none;
color:#2876A7;
}
h1 {font: bold 135% tahoma, sans-serif; margin: 0 0 0.8em 0; color: #4A80BE;}
h2 {font: bold 110% tahoma, sans-serif; margin: 0 0 0.7em 0; padding: 0; color: #4A80BE;}
h3 {font: bold 100% tahoma, sans-serif; color: #4A80BE; margin: 0 0 0.6em 0; padding: 0;}
h4 {font: normal 100% tahoma, sans-serif; color: #4A80BE; margin: 0 0 0.4em 0; padding: 0;}
h5 {text-transform: uppercase; color: #624A7E; margin: 0 0 1em 0; font-size: 92%; font-weight:normal;}
h6 {margin: 0 0 1.5em 0; font-size: 90%; font-weight:normal;}
.faq h5 { margin-bottom:0.4em;}
.new h5 { font-weight:bold;}
.faq h6 a{font-weight:bold;}
.faq h6 a.red{font-weight:normal;}

form {margin: 0; padding: 0;}
table {font-size: 100%; border-collapse: collapse;}
p {margin: 0.5em 0 1.2em 0;}
img {border: none;}
a {color: #2273B5; text-decoration: underline;}
a:hover {text-decoration: underline; color: #716E6E;}
/*ul {margin: 0.5em 0 1em 0; padding: 0;}
ul li {padding: 0 0 0.2em 25px; background: url(/i/li.gif) no-repeat 15px 0.5em; list-style: none;}*/
input, textarea, select {color: #000; font: 100% tahoma, arial, sans-serif; background: #FFF;}
input, textarea {padding: 2px 0 2px 3px; border: 1px solid #E5E5E5; margin-right: 5px;}
input.sm_button, .green-button {background-color:#a9acb4; color:#fff; padding-left:5px; padding-right:5px;}
select {border: 1px solid #E5E5E5; margin-right: 5px;}
fieldset {border: none;}
hr {height: 1px; border: none; background: #CCC; color: #CCC;}
.btn, button {width: auto !important; padding: 2px 8px; background: #A9ACB4; font: 100% tahoma, arial, sans-serif; color: #FFF; border: none; cursor: pointer;}
.both {clear: both;}
.spacer {width: 1px; height: 1px; font-size: 0;}
.fleft {float: left;}
.fright {float: right;}
.aright {text-align: right;}
.acenter {text-align: center;}
.aleft {text-align: left;}
.red {color: #F00;}
.rel {position: relative;}
.abs {position: absolute;}
.mini {font-size: 92%;}
.bold {font-weight: bold;}
.grey {color: #999;}
.nowrap {white-space: nowrap;}
.dashed {text-decoration: none; border-bottom: 1px dashed;}
.dashed:hover {text-decoration: none;}

.usual {margin-bottom: 30px;}
.usual input {width: 250px; border: 1px solid #CCC; background: #FFF url(/i/fields_bg.gif) repeat-x; padding: 2px 0 2px 3px;}
.usual div {margin: 0 0 1.1em 0;}
.usual h2 {margin: 0; padding: 0; font-weight: normal; font-size: 100%; color: #666;}
.usual input, .usual  select, .usual  textarea {margin-top: 4px;}
.usual textarea {width: 330px; height: 100px; border: 1px solid #CCC;}
.radio {margin-bottom:-2px;}
.radio p {text-indent: -20px; padding: 5px 0 0 25px; margin: 0;}
.radio input {border: none; margin: 0 5px 0 0; vertical-align: middle; padding: 0; width: 15px; background: none;}
.usual .cldr input {width: 6.5em;}
.usual .cldr img {vertical-align: middle; margin: 0 0 6px 5px; cursor: pointer;}
.element_required, .usual sup {color: #FE3721; font-family: tahoma, sans-serif;}
.needValue {color: #CCC;}
.captcha_block img {vertical-align: middle; margin-top: 4px;}
.usual .field_middle {width: 15em;}
.usual .field_mini {width: 6em;}

#text_page .pad {padding: 15px 20px 0 20px;}
.path {padding: 7px 0 20px 0; color: #A9ACB4;}

.block {clear: both; padding-bottom: 15px; width: 100%;}
.block h3 {background: #EFF1F6 url(/i/bull01.gif) no-repeat 7px 0.8em; border-top: 2px solid #A9ACB4; text-transform: uppercase; color: #666; font-size: 100%; padding: 6px 10px 6px 22px; margin: 0 0 15px 0; font-size: 100%; font-weight: normal;}
.h3_block {clear: both;}
.block h3.notable {background: #FF9F35 url(/i/bull02.gif) no-repeat 7px 0.8em; border-top: 2px solid #F98300; color: #FFF;}

.sp .center .h3_block {display: none;}

/* Форма авторизации */
.auth_form {padding: 0 0 20px 12px;}
.auth_form input {margin: 4px 0 8px 0;}

/* Forum */
.forum-topics {width: 100%;}
.forum-topics thead th {
	padding: 14px 12px;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #eff1f6; color: #333;
	text-align: center;
}
.forum-topics thead th.topic-name,
.forum-topics thead th.folder-name {
	padding-left: 42px;
	border-left: none;
	text-align: left;
	width: 45%;
}
.forum-topics tbody th {
	padding: 12px 12px;
	border-bottom: 1px solid #FFF;
	background: #64a1d7; color: #FFF;
}
.forum-topics tbody td {height: 46px;}

.forum-topics tbody td {
	padding: 10px 12px;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
}
.forum-topics tbody td.topic-name,
.forum-topics tbody td.folder-name {
	padding-left: 42px; border-left: none; text-align: left;
}
.forum-topics tbody td.folder-name {background: url(/i/forum/forum_folders.gif) no-repeat 12px 17px;}
/*.forum-topics tbody td.topic-name {background: url(/i/forum/forum_topics.gif) no-repeat 12px 16px;}*/

.forum-topics tbody td.folder-close {background-position: 12px -283px;}
.forum-topics tbody td.folder-closenew {background-position: 12px -133px;}
.forum-topics tbody td.folder-opennew {background-position: 12px -133px;}

.forum-topics tbody .dark td {background-color: #eff1f6;}

div.forum-legend {margin: 20px 0 20px 12px;}
table.forum-legend {width: 100%; margin: 20px 0 20px;}
table.forum-legend td {width: 25%; padding: 0 20px 0 12px;}

div.forum-legend p {background: url(/i/forum/forum_folders.gif) no-repeat;}
.forum-legend p {margin: 0 0 10px; padding-left: 30px;}
.forum-legend p.folder-close {background-position: 0 -300px;}
.forum-legend p.folder-closenew {background-position: 0 -150px;}
.forum-legend p.folder-opennew {background-position: 0 -150px;}

table.forum-legend p {
	background: url(/i/forum/forum_topics.gif) no-repeat;
	padding-bottom: 4px; padding-top: 1px; margin-bottom: 10px;}
.forum-legend p.topic-close {background-position: 0 -200px;}
.forum-legend p.hot-open {background-position: 0 -400px;}
.forum-legend p.hot-close {background-position: 0 -600px;}
.forum-legend p.stick-open {background-position: 0 -800px;}
.forum-legend p.stick-close {background-position: 0 -1000px;}
.forum-legend p.notice-open {background-position: 0 -1200px;}
.forum-legend p.notice-close {background-position: 0 -1400px;}


.forum-postform {margin: 10px 12px;}
.forum-postform form {margin-top: 20px;}

.forum_tbl {border-collapse: collapse; width: 100%;}
.forum_tbl th {padding: 6px; border: 1px solid #CCC;}
.forum_tbl td {padding: 6px; border: 1px solid #CCC; vertical-align: top;}

.forum_menu {margin: 10px 0;}
.forum_menu a {padding: 0 5px 0 10px; background: url(/i/li.gif) no-repeat 0 0.5em;}

.forum_subject {margin: -7px -7px 8px -7px; padding: 10px; background: #FAFAFA; border: 1px solid #CCC;}
.forum_signature {border-top: 1px solid #CCC; margin: 10px 0 5px 0;}

.forum-options {width: 100%; margin: 15px 0 5px; border-top: 1px solid #eff1f6; border-bottom: 1px solid #eff1f6;}
.forum-options td {width: 50%; border-left: 1px solid #eff1f6; padding: 16px 12px;}
.forum-options table td {width: auto; border-left: none; padding: 0 5px 0 0;}
.forum-options h6 {margin: 0 0 10px; font-size: 100%; color: #333;}

.forum-posts {width: 100%;}
.forum-posts thead th {
	padding: 12px 12px;	border-bottom: 1px solid #FFF;
	background: #64a1d7; color: #FFF;
}
.forum-posts tbody th {
	width: 150px; padding: 12px; border-bottom: 2px solid #eff1f6;
	text-align: left; font-weight: normal; vertical-align: top;
}
.forum-posts tbody th img {border: 1px solid #e3e7f0; margin: 5px 0; padding: 4px; background: #FFF;}
.forum-posts tbody th p {margin: 5px 0 10px; font-size: 9px;}
.forum-posts tbody td {vertical-align: top; padding: 12px 20px 20px 0; border-bottom: 2px solid #eff1f6;}
.forum-posts tbody td h6 {margin: 2px 0 16px; font-size: 100%; color: #333; font-weight: normal;}
.forum-posts tbody td p.forum-quote {margin: 0 0 8px; text-align: right;}
.forum-posts tbody td p.forum-quote a {background: url(/i/forum/forum_quote.gif) no-repeat 0 5px; padding-left: 10px;}
.forum-posts tbody.dark th, .forum-posts tbody.dark td {background-color: #f7f8fa;}

.quote {
	background: #FAFAFA;
	border: 1px solid #CCC;
	padding: 5px;
}

#postForm th {width: 100px; padding: 3px 0 7px; text-align: left; vertical-align: top; line-height: 22px;}
#postForm td {padding: 0 0 10px;}
#format-post {margin: 0 0 5px; border: 1px solid #eff1f6; padding: 8px; background: #eff1f6;}
#format-post table {margin: 10px 0 0;}
#format-post table.format-buttons {margin: 0;}
#postForm #format-post table.format-buttons td {padding-right: 10px;}
#postForm #format-post td {padding: 0;}
#format-post-control {
	position: relative;
	height: 20px; margin: 0 0 -20px 380px; padding: 0 6px;
	text-align: center;
	cursor: pointer;
}
.formatclose {background: #eff1f6; border: 1px solid #eff1f6; top: -20px; line-height: 20px;}
.formatopen {background: #eff1f6; border: 1px solid #eff1f6; border-bottom: none; top: -20px; line-height: 20px;}
dl.job-item, dl.form-item  { overflow:hidden; margin-left:10px; clear:left;}
dl.job-item  dd h5 span{padding-left:10px; font-weight:normal;}
dl.job-item  dd h5 b{color:#333;}
dl.job-item  dt, dl.form-item  dt { float:left; width:105px; overflow:hidden;}
dl.job-item  dd, dl.form-item  dd { margin-left:110px;}
.form-item .text, .form-item textarea {width:200px;}
.form-item .select {width:206px;}
.form-item textarea {height:80px;}
.form-item dd div {overflow:hidden; width:100%; float:left;}
.form-item dd div label{vertical-align:top;}
.job-item h5 {margin-bottom:0.2em;}
.job-item p {margin-top:0.2em;}
.job-item h5 span {font-size:90%; padding-left:20px; text-transform:none; color:#716e6e;}
.job-item h6 {font-size:80%; margin:5px 0;}
.job-info td, .job-info th {padding:2px 30px 1px 0;}
.job-info td {padding-right:0;}
.tech {margin:1.2em 0;}
.tech a { padding:0 3px;}
.tech span { padding:0 3px; font-weight:bold;}
/* html #map_canvas {margin-left:-20px; padding-left:20px;}*/
table#properties { width:100%; margin-top:1.2em;}
table#properties tr.odd{ background-color:#eff1f6;}
table#properties th, table#properties td { width:50%; padding: 4px; border: 1px solid #CCC;}
table#properties th {background-color:#a9acb4; color:#fff;}
/* /Forum */

/* Меню каталога */
.cat_menu {margin: 0 0 15px 7px;}
.cat_menu li {background: url(/i/cat_menu_li.gif) no-repeat 0 0.42em; padding: 0 0 4px 17px; color: #64A1D7;}
.cat_menu li.curr {background: url(/i/cat_menu_li_off.gif) no-repeat 0 0.42em;}
.cat_menu li a {color: #716E6E; text-decoration: none;}
.cat_menu li.curr a {color: #64A1D7; text-decoration: none;}
.cat_menu li a:hover {text-decoration: underline;}
.cat_menu li ul li {background: url(/i/cat_smenu_li.gif) no-repeat 0 0.45em; padding: 0 0 4px 10px;}
.cat_menu li.curr ul li a {color: #716E6E;}
.cat_menu li ul li.curr {background: url(/i/cat_smenu_li_off.gif) no-repeat 0 0.45em;}
.cat_menu li ul li.curr a {color: #64A1D7; text-decoration: none;}

.cat_search_link {float: right; padding: 0 0 3px 20px; background: url(/i/ico_search.gif) no-repeat 0 50%; margin: 10px 0 0 0; width: 110px;}

/* Меню 2-го уровня */
.submenu {margin: 0 0 25px 7px;}
.submenu li {background: url(/i/cat_menu_li.gif) no-repeat 0 0.42em; padding: 0 0 4px 17px; color: #64A1D7;}
.submenu li.curr {background: url(/i/cat_menu_li_off.gif) no-repeat 0 0.42em;}
.submenu li a {color: #716E6E; text-decoration: none;}
.submenu li.curr a {color: #64A1D7; text-decoration: none;}
.submenu li a:hover {text-decoration: underline;}
.submenu li ul li {background: url(/i/cat_smenu_li.gif) no-repeat 0 0.45em; padding: 0 0 4px 10px;}
.submenu li.curr ul li a {color: #716E6E;}
.submenu li ul li.curr {background: url(/i/cat_smenu_li_off.gif) no-repeat 0 0.45em;}
.submenu li ul li.curr a {color: #64A1D7; text-decoration: none;}

4indexIE7.css

.menu ul {width: 880px;}
.blue_strike {margin-bottom: -35px;}

PS: Благодарю за внимание, с ув. mario

Sign In

Помогите понять в чем дело...

Question

mario

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

GumaNoiD

Link to comment

Share on other sites

mario

Link to comment

Share on other sites

GumaNoiD

Link to comment

Share on other sites

mario

Link to comment

Share on other sites

mario

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information