! Помогите, уже замучился... есть такой код:
<!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=utf-8" />
<title> </title>
<link rel="stylesheet" type="text/css" href="css/template.css"/>
<!--[if ite EI 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix("#logo");
</script>
<![endif]-->
</head>
<body>
<div id="blok">
<div id="blok_n1">
<div id="logo"></div>
<div id="menu_fon">
<div id="txt_www"></div>
</div>
<div id="golub_fon">
<div id="txt_arhit"></div>
</div>
<div id="foto"></div>
</div>
<div id="blok_n2">
<div id="conteyner">
<div id="content"></div>
<div id="content_2"></div>
</div>
</div>
<div id="otstup"></div>
</div>
<div id="podval">
</div>
</body>
</html>
не могу разобраться с блоком "conteyner".
В него я засунул два блока, один будет с контентом (левый) и еще правый (второстепенный).
Если просто их прописать в таблице стилей то они становятся по вертикали друг за другом и растягивают "conteyner".
Но мне надо поставить их по горизонтали.
и я начинаю прописывать в таблицы стилей обтекание для данных блоков. после чего все выравнивается как надо, но "conteyner" перестает растягиваться под величину вложенных блоков.
что делать? где не прав? и что не предусмотрено?
Не будьте строги, я долек от этого, изучать начал это ремесло только 3 месяца назад...(по причине что нужен сайт по работе а денег нету что бы заказать...а шаблон нужен индивидуальный)
вот код из таблицы стилей:
html, body{
margin:0px;
padding:0px;
height:100%;
background:url(../images/fon.jpg);
}
#blok{
margin:0 auto;
padding:0px;
padding-bottom:95px;
width:980px;
min-height:100%;
background:url(../images/blokN2.jpg);
}
#blok_n1{
margin:0px;
padding:0px;
background:url(../images/blokN1.jpg);
width:980px;
height:703px;
}
#logo{
margin:0px;
padding:0px;
background:url(../images/logo.jpg) no-repeat;
width:980px;
height:195px;
}
#menu_fon{
margin:0 auto;
padding:0px;
background:url(../images/menu_fon.jpg);
width:881px;
height:41px;
}
#txt_www{
margin:0px;
padding:0px;
background:url(../images/www.jpg) no-repeat;
width:202px;
height:41px;
}
#golub_fon{
margin:0 auto;
margin-top:5px;
padding:0px;
background:url(../images/golub_fon.jpg);
width:881px;
height:100px;
}
#txt_arhit{
margin:0px;
padding:0px;
background:url(../images/arhitektura.jpg) no-repeat;
width:188px;
height:100px;
}
#foto{
margin:0 auto;
padding:0px;
background:url(../images/foto.jpg) no-repeat;
width:881px;
height:321px;
}
#blok_n2{
margin:0px;
padding:0px;
width:980px;
}
#conteyner{
margin:0 auto;
padding:0px;
background:#333;
width:881px;
}
#content{
margin:0px;
padding:0px;
background:#999;
width:650px;
height:200px;
float:left;
}
#content_2{
margin:0px;
padding:0px;
background:#096;
width:190px;
height:70px;
float:right;
}
#otstup{
clear:both;
}
#podval{
margin:0 auto;
margin-top:-95px;
padding:0px;
background:url(../images/bot.png);
width:980px;
height:95px;
}
#bot_centr{
margin:0 auto;
padding:0px;
background:#000;
width:90px;
height:40px;
}
! ! ! !
21.04.2012, 17:28:12