تغییر مکان Div با دادن Padding-top

[SianiD]

با سلام من همچین کدی دارم :



<div id="Parent">
<div id="Child">
</div>

</div>
<div id="slider">
</div>


وقتی به div های parent یا child در css مقدار Padding-Top:10px; میدم Slider از همین اندازه میاد پایین ، مگه Padding حاشیه داخلی نیست ؟

چه کنم ؟

[Omid Jackson]

با سلام من همچین کدی دارم :



<div id="Parent">
<div id="Child">
</div>

</div>
<div id="slider">
</div>


وقتی به div های parent یا child در css مقدار Padding-Top:10px; میدم Slider از همین اندازه میاد پایین ، مگه Padding حاشیه داخلی نیست ؟

چه کنم ؟
لطفا کد CSS رو هم قرار بدین

[hmd1464]

سلام
اندازه تگهایی که زدید برابر هستش با ارتفاعی که براشون تعیین کردید + padding
مثلا اگه ارتفاع div#parent رو 50px دادید و اندازه padding-top رو 10px دادید ارتفاع تگتون میشه 10+50=60 پیکسل

[SianiD]

یعنی راهش اینه که از ارتفاع کم کنم که با Padding برسه به ارتفاع مورد نظرم ؟

[omidabedi]

یعنی راهش اینه که از ارتفاع کم کنم که با Padding برسه به ارتفاع مورد نظرم ؟

اره همینطوره

[SianiD]

#Parent
{
margin-top:0px;
margin-left:0px;
width:1024px;
height:80px;
background-image:url(../images/MenuBar.png);
}


#Child
{

width:400px;
height:41px;
margin-left:9px;
margin-top:7px;
font-size:18px;
color:#FFF;
text-align:center;
padding-top:20px;
}

#slider
{
width:1024px;
height:356px;
}

[Razmjoo123]

دوست عزیز نمی خواد حساب و کتاب کنی و از اندازه اصلی دایو کم کنی فقط تو کد های css مربوط به دایو مورد نظر این کد را اضافه کن و خلاص!!!!:چشمک:


box-sizing:border-box;




با این کار دیگه دایو مورد نظر با تغییر پدینگ و مارجین تغییر اندازه نمی ده.