سوال: قرار دادن دیو در وسط دیو دیگر با استفاده از سی اس اس

سلام به برو بکس
-------من میخام دیوام چه از نظر عمودی و افقی دقیقا وسط قرار بگیره
ممنون میشم کد سی اس اسش رو برام بزارید
------در ضمن میخام طول و عرض دیو ها به صورت درصدی باشه نسبت به المنتی که توش قرار گرفته ولی موندم چه طوری
پوزیشن پرنت رو ابسولوت میزارم و پوزیشن فرزند رو ریلیتیو ولی بازم کار نمی کنه
----- میخاستم بدون اینکه توی دیو ها متن داشته باشم حداکثر و حداقل ارتفاعش رو هم به صورت درصدی سِت کنم ولب فقط به روش پیکسلی جواب داد ممنون میشم از پاسختون

کد 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;
}