سوال: قرارگیری لایه [بایگانی]

{mahdi}

شنبه 03 خرداد 1393, 21:28 عصر

من یک لایه دارم
که داخل اون یه لایه دیگه قرار داره
حالا من می خوام با استفاده از css این لایه رو دقیقا وسط لایه اول قرار بدم.
البته مقیاس ها باید به صورت درصد باشند

<!doctype html>
<html>
<head>
<style type="text/css">
#main{
width:80%;
margin:auto 10% auto 10%;
height:450px;
background-color:#CF3;
float:right;
}
#center_logo{
width:5%;
height:5%;
margin-top:50%;
margin-left:50%;
background-color:#F93;
}
</style>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="main">
<div id="center_logo">
</div>
</div>
</body>
</html>

cancerr

شنبه 03 خرداد 1393, 21:51 عصر

افقی یا عمودی یا هردو ؟
برای تراز عمودی یه مقاله نوشتم ببین
تراز عمودی
(http://webdis.ir/Post/vertical-centering)
برای تراز اقی ساده ترین راه
به عنصر بالای
text-aligne:cente
عنصر که قصد وسط بودن دارین
display:inlne-block
این تکنیک کاملترین راهه

{mahdi}

شنبه 03 خرداد 1393, 22:00 عصر

ببینید من متن داخلشو نمی گم من خود لایه دوم رو می خوام داخل لایه اول و وسط قرار بدم مثل

119443

SA_Developer

شنبه 03 خرداد 1393, 22:03 عصر

سلام
اینو امتحان کنید

#center_logo {
position: relative;
top: 50%;
left: 50%;
margin-left: -2.5%;
margin-top: -2.5%;
width: 5%;
height: 5%;
background-color: #F93;
}

Mori Bone

شنبه 03 خرداد 1393, 22:07 عصر

#div1
{
float: right;
width: 1000px; height: 1500px;
}
#div2
{
float: right;
position: absolute;
top: 50%; left: 50%;
width: 500px; height: 360px;
margin-top: -250px;
margin-left: -180px;
margin-right: 0px;
margin-bottom: 0px;
ya
margin: -250px 0 0 -180px
}

cancerr

شنبه 03 خرداد 1393, 22:09 عصر

همون تکنیک تکس وسط و دیو 2 display inline-block
با یکی از تزارز عمودی های که تو مقاله گفتم ترکیب کنید .
روش خیلی سایده دیگه اینه !

#main{
position:relative;
}
#center_logo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: inline-block;
height: 10px;
width: 10px;
background-color: #F93;
}

{mahdi}

شنبه 03 خرداد 1393, 22:10 عصر

چرا وقتی من از
margin-top:50%; استفاده می کنم به هم میریزه
مگه 50در صد از والد خوردش پایین نمیاد.

Mori Bone

شنبه 03 خرداد 1393, 22:17 عصر

چرا وقتی من از
margin-top:50%; استفاده می کنم به هم میریزه
مگه 50در صد از والد خوردش پایین نمیاد.

منظور از به هم میریزه چیه؟:متفکر:
این همه کد بازم مشکل!:ناراحت: :متعجب:

{mahdi}

شنبه 03 خرداد 1393, 22:22 عصر

حله درست شد....