قرار دادن "کل" سایت در وسط

[pouya saadeghi]

یه div با کلاس container بسازید و داخلش div با کلاس mydiv رو قرار بدید.
بعد از css زیر استفاده کنید:

.container{margin: 0px;}
.mydiv{width: 100%;position: absolute;top: 50%;height: 100px;}

 

[baran17862]

یه div با کلاس container بسازید و داخلش div با کلاس mydiv رو قرار بدید.
بعد از css زیر استفاده کنید:

.container{margin: 0px;}
.mydiv{width: 100%;position: absolute;top: 50%;height: 100px;}

در اين حالت مياد وسط ولي وقتي height را زياد ميكني فضاي بالا خالي ميمونه و فضا به طور مساوي تقسيم نميشه...

حالا چي ؟

 

[pouya saadeghi]

خب top رو کمتر از 50% بذارید!

 

[echessdesign]

آموزش قرار دادن شی در مرکز صفحه (افقی + عمودی ) تاریخ: 07 فروردين 1386, 12:51

 

[baran17862]

آموزش قرار دادن شی در مرکز صفحه (افقی + عمودی ) تاریخ: 07 فروردين 1386, 12:51

به عبارت ساده تر...

 <style type="text/css">
    #centerwrap {
        background-color:#fcc;
        width:720px;
        height:420px;
        margin:10px auto;
        position:relative;
        position:absolute;
        margin:-210px 0 0 -360px;
        left:50%;
        top:50%;
    }
    </style>