Форум Сайтостроение Веб-строительство

Не отображается в Opera див

ZD
На сайте с 23.01.2010
Offline
36
ZlatDesigner
828 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Титл</title>

<link href="style.css" rel="stylesheet" type="text/css" />



<!--[if lte IE 6]>

<script src="js/DD_belatedPNG.js"></script>

<script>

DD_belatedPNG.fix("#header, #footer");

</script>

<![endif]-->





</head>



<body>



<div id="container">



<div id="header-out">

    <div id="header">

    <div class="logo">

    <div class="descrip">Описание</div>

    </div>

    <div class="phonedaynight">

    <div class="our_phone">Наш телефон</div>

    <div class="daynight">Круглосуточно</div>

    </div>

    </div>

</div>



<div id="menu"> МЕНЮ МЕНЮ МЕНЮ МЕНЮ МЕНЮ МЕНЮ МЕНЮ </div>

<div id="con"> 



 



    <div id="leftsidebar-tarif">

    <div id="htarif">Тарифы сайтов</div>

      <div id="tarif"> 

<ul class="cssmenu">

   <li><a href="#">пункт первый</a></li>

   <li><a href="#">пункт второй</a></li>

   <li><a href="#">пункт третий</a>      </li>

</ul>

      </div>





<div id="leftsidebar-tarif1">

    <div id="htarif1">Дизайн</div>

      <div id="tarif1"> 

<ul class="cssmenu">

   <li><a href="#">пункт первый</a></li>

   <li><a href="#">пункт второй</a></li>

</ul> </div>

    </div>  

    

    

    <div id="leftsidebar-tarif2">

    <div id="htarif2">Контент</div>

      <div id="tarif2"> 

<ul class="cssmenu">

   <li><a href="#">пункт первый</a></li>

   <li><a href="#">пункт второй</a></li>

</ul> </div>

    </div>  



    </div>

  	   

    

       

    <div id="rightsidebar"> RIGHT SIDEBAR </div>

    <div id="content"> CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT  </div>

</div>





</div>

<div id="footer-out">



<div id="footer">

  <p>&nbsp;</p>

  <p>&nbsp;</p>

</div>



</div>

</body>

</html>


CSS код 

@charset "windows-1251";

/* CSS Document */



body, html 

{

	margin:0px;

	padding:0px;

	text-align:center;

	color:#fff;

	height:100%;

}

	

#container

{

	margin: 0 auto;

	text-align:left;

	min-height:100%;

	height: !important;	

	height:100%;



}



/* ВСЕ для ШАПКИ */

#header-out

{

	height:167px;

	background-image:url(images/h-bg.jpg);

	margin:0 auto;

}



#header

{

	width:1000px;

	margin:0 auto;

	height: 167px;

	background:url(images/header.png) no-repeat;

		

}



.logo {width:350px;float:left;padding:83px 0 0 155px;font-size : 14px; font-family:Arial, Helvetica, sans-serif;}



.logo .desc {font-size:13px; color:#fff;}



.phonedaynight {float:left; padding:32px 0 0 0px;color:#B5CDF3;font-size:11px;}







.our_phone 

{

	margin:3px 0 0 130px;

	color:#fff;

	font-family:Arial;

	font-size:14px;

	float:left;

}

		

.daynight 

{

	margin:3px 0 0 335px;

	color:#fff;

	font-family:Arial;

	font-size:14px;

}



/* горизонтальное меню*/

#menu

{

	width:1000px;

	height:39px;

	background:url(images/menu.jpg) no-repeat;

	margin: -5px 132px;

	

}



#htarif

{

	margin: 15px 0 0 45px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size: 15px;

}



#leftsidebar-tarif

{

	margin: 10px 0 0 0;

	width: 190px;

	height:41px;

	float: left;

	background: url(images/tarify.jpg) no-repeat;

}



#tarif

{

	background:#f5f5f5;

	margin: 7px 0 0 0;

	float: left;

	width:190px;

	height: auto;

	font-size: 14px;

}



#htarif1

{

	margin: 31px 0 0 45px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size: 15px;

}



#leftsidebar-tarif1

{

	margin: 0px 0px 0 0;

	width:190px;

	height:56px;

	float: left;

	background: url(images/design.jpg) no-repeat;

}



#tarif1

{

	background:#f5f5f5;

	margin: 8px 0 0 0;

	float: left;

	width:190px;

	height: auto;

	font-size: 14px;

}





#htarif2

{

	margin: 31px 0 0 45px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size: 15px;

}



#leftsidebar-tarif2

{

	margin: 0px 0px 0 0;

	width:190px;

	height:56px;

	float: left;

	background: url(images/content.jpg) no-repeat;

}



#tarif2

{

	background:#f5f5f5;

	margin: 8px 0 0 0;

	float: left;

	width:190px;

	height: auto;

	font-size: 14px;

}



/*зададим стиль для списка*/

ul.cssmenu {

/* убираем отступы*/

   padding: 0;

   margin: 0 0 0 15px;

/* убираем точки*/

   list-style: none;

   width: 150px;

   

   

} 

/*зададим стиль для элементов списка*/

ul.cssmenu li {

/* Чтобы меню корректно отображалось в IE*/

   float: left;

   border-bottom:1px dotted #000;

} 





/* зададим стиль для анкора в списке*/

ul.cssmenu li a, ul.cssmenu li a:visited {

/* обязательно блочное отображение*/

   display: block;

/* укажем отступы*/

   padding: 5px;

/* цвета фона и текста*/

   color: #000;

   width: 150px;

   text-decoration:none;

}

/* меняем цвета при наведении*/

ul.cssmenu li a:hover {

   color: #8d0d00;

   background-color: #f2f2f2;

}







#con

{

width: 1000px; /* задать какую-либо ширину диву */

margin: 0 auto; /* И выровнять его по центру */



}



#rightsidebar

{

	background-color: #399;

	width: 190px;

	float: right;

	

}





#content

{

	width:590px;

	background-color: #39F;

	margin-left:194px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */

margin-right:192px;

padding:10px;

}



#clear

{

	clear:both;

	height:0px;

	font-size:1px;

    line-height:0px;

}



#footer-out

{

	width: 100%;

	height: 80px;

	background-image:url(images/f-bg.jpg); 

	

}



#footer

{

	width:1000px;

	height:80px;

	background: url(images/footer.png) no-repeat;

	margin: 0px 140px;

}

Должно отображаться как на первой картинке, а в опере отображается как на второй... Помогите исправить, пожалуйста, ошибку... В IE отображается нормально

jpg 000001.jpg
jpg 000002.jpg
Баскетбольный портал - Блокшот (http://blokshot.ru/)
dma84
На сайте с 21.04.2009
Offline
168
dma84
#1

у #leftsidebar-tarif,#leftsidebar-tarif1,#leftsidebar-tarif2 уберите свойство height

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий