سلام به برو بکس
-------من میخام دیوام چه از نظر عمودی و افقی دقیقا وسط قرار بگیره
ممنون میشم کد سی اس اسش رو برام بزارید
------در ضمن میخام طول و عرض دیو ها به صورت درصدی باشه نسبت به المنتی که توش قرار گرفته ولی موندم چه طوری
پوزیشن پرنت رو ابسولوت میزارم و پوزیشن فرزند رو ریلیتیو ولی بازم کار نمی کنه
----- میخاستم بدون اینکه توی دیو ها متن داشته باشم حداکثر و حداقل ارتفاعش رو هم به صورت درصدی سِت کنم ولب فقط به روش پیکسلی جواب داد ممنون میشم از پاسختون
کد HTML:
<body>
    <div id="main">
   
        <div id="menu">
            <div id="menuborder"> 
                
                </pre>
                <div id="logoborder">

                </div>
            </div>
            
        </div>
        <div id="content">
            <div id="">

            </div>
        </div>
    </div>
</body>
body {
background-color: black;
overflow: hidden;
}

#main {
border-style: solid;
border-color: red;
border-width: 1px;
border-radius: 10px;
margin: 5%;
overflow: hidden;
position: relative;
background-image: url("../Images/bg16.jpg");
min-height: 800px;
box-shadow: 0px 0px 50px 20px rgba(100, 11, 10, 0.7);
}

#menu {
border-style: solid;
border-color: red;
border-width: 1px;
border-radius: 10px;
position:relative;
float: left;
margin: 2%;
overflow: hidden;
min-width:45%;
background-color:gray;
opacity:0.8;
min-height:745px;
}

#content {
border-style: solid;
border-color:red;
border-width: 1px;
border-radius: 10px;
position:relative;
float:left;
margin: 2%;
min-width:46%;
overflow: hidden;
background-color:gray;
opacity:0.8;
min-height:745px;
}
#menuborder {
border-style:solid;
border-color:deepskyblue;
margin:5%;
min-height:600px;
border-radius:500000px;
}