فاصله نگرفتن متن از کنار

[Morteza1371]

مشکلی در css بوجود اومده

من وقتی به نوشته داخل بلوکم از راست یا چپ padding می دم مثلا 5px بجای اینکه نوشته 5 تا فاصله بگیرهT بلوک بزرگتر می شه.


کد css

#content {
    background-color:#FFF;
    width:600px;
    height:200px;
    margin:auto;
    margin-top:10px;
    border:solid 1px #ccc;
    -moz-border-radius: 15px;
}

.cant-ent {
text-align:right;
padding:5px 5px 5px 5px;
font-family:tahoma;
font-size:11px;
width:350px;
    height:180px;
    background-color:#FFF;
    float:right;
    border:solid 1px #ccc;
    -moz-border-radius: 10px;
border-radius: 10px;
margin-top:4px;
margin-right:3px;




}
.title{
height: 25px;
width:350px;

border-top-right-radius: 10px;
border-top-left-radius: 10px;
-o-border-top-right-radius: 10px;
-o-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
background-color:#c5c5c5;
border-bottom:1px solid #000000;
}


.post{
height: 100px;
width:350px;

border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background-color:#c5c5c5;


}

کد htm

<div id="content">
<div class="cant-ent">
<div class="title">
عنوان
</div>
<div class="post">

متن مطلب
</div>

</div>

 

[sharktech]

خب وقتی شما به دایو نوشته padding میدی برای میزون شدن عرضش رو باید کم کنی :

.title {
    height: 25px;
    width:340px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -o-border-top-right-radius: 10px;
    -o-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    background-color:#c5c5c5;
    border-bottom:1px solid #000000;
    padding:2px 5px
}
.post {
    height: 100px;
    width:340px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color:#c5c5c5;
    padding:2px 5px
}