1
Здравствуйте, у меня возник вопрос о центрировании рамки div внутри родительского div. Я хотел бы сосредоточить рамку внутри страницы, которая составляет 70% в ширину, но я просто не могу заставить ее работать. Я хочу, чтобы кадр находился внутри родительского div WRAP и div WRAP внутри MAINWRAPPER, который имеет ширину 70%.Как центрировать рамку div внутри контейнера страницы
Пожалуйста, помогите :)
html{
\t \t background-color:#EEE;
\t \t font-family: 'Lato',Calibri,Arial,sans-serif;
\t \t font-size:16px;
\t \t color:#888;}
body{
\t \t position:absolute;
\t \t width:100%; \t
\t \t margin:0px;
\t \t padding:0px;
}
#MAINWRAPPER {
\t \t min-height:100%;
\t \t position:absolute;
\t \t right: 0;
\t left: 0;
\t margin:0 auto;
\t \t padding:0;
\t \t width:70%; /* page width */ \t
background-color: #39f;
border:1px solid #959595;
}
#WRAP {
position:relative;
\t \t display:block;
\t \t margin:0 auto;
border:1px solid red;
}
.frame {
width:100%;
height:300px;
\t \t position:relative;
\t \t float:left;
\t \t background-color:#fff;
\t \t display:block;
\t \t border:1px solid #959595;
\t \t border-radius:4px;
\t \t text-align:center;
\t \t margin:2%;
} \t
.frame a{
\t \t display:block;
\t \t width:100%;
\t \t height:100%;
\t \t color:#333;
\t \t } \t \t
.frame a:hover{
\t \t display:block;
\t \t color:#FFF;
\t }
.title {
\t \t display:block;
\t \t position:absolute;
\t \t overflow:hidden;
\t \t top:0;
\t \t background-color:#ccc;
\t \t padding:3px 0;
\t \t width:100%;
\t \t height:auto;
\t \t border-bottom:1px solid #959595;}
\t \t
div.price {
\t display: block;
\t position: absolute;
\t bottom: 1px;
\t right: 0;
\t height: 1.6em;
\t width: 3em;
\t background-color: #33CCFF;
\t border-radius:5px;
\t border:2px solid #FFF;
\t color:#FFF;
\t font-size:1.2em;
\t font-weight:bold;
\t text-align:center;
}<body>
<div id="MAINWRAPPER">
<div id="WRAP">
<div class="frame"><a href="#">
<object class="title">TITLE</object></a><div class="price">50</div></div>
</div>
</div>
</div>
</body>
применяется ширина: 96%; вы применяете ширину: 100% + 2% margin = всего 104% –