sohail0098
دوشنبه 19 خرداد 1393, 12:36 عصر
سلام به برو بکس
-------من میخام دیوام چه از نظر عمودی و افقی دقیقا وسط قرار بگیره
ممنون میشم کد سی اس اسش رو برام بزارید
------در ضمن میخام طول و عرض دیو ها به صورت درصدی باشه نسبت به المنتی که توش قرار گرفته ولی موندم چه طوری
پوزیشن پرنت رو ابسولوت میزارم و پوزیشن فرزند رو ریلیتیو ولی بازم کار نمی کنه
----- میخاستم بدون اینکه توی دیو ها متن داشته باشم حداکثر و حداقل ارتفاعش رو هم به صورت درصدی سِت کنم ولب فقط به روش پیکسلی جواب داد ممنون میشم از پاسختون
<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;
}
-------من میخام دیوام چه از نظر عمودی و افقی دقیقا وسط قرار بگیره
ممنون میشم کد سی اس اسش رو برام بزارید
------در ضمن میخام طول و عرض دیو ها به صورت درصدی باشه نسبت به المنتی که توش قرار گرفته ولی موندم چه طوری
پوزیشن پرنت رو ابسولوت میزارم و پوزیشن فرزند رو ریلیتیو ولی بازم کار نمی کنه
----- میخاستم بدون اینکه توی دیو ها متن داشته باشم حداکثر و حداقل ارتفاعش رو هم به صورت درصدی سِت کنم ولب فقط به روش پیکسلی جواب داد ممنون میشم از پاسختون
<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;
}