PDA

View Full Version : سوال: ساده اما سخت!!!


130000
دوشنبه 26 اسفند 1392, 17:51 عصر
به نام خداوند بخشنده بی منت

سلام دوستان من میخوام div2 در وسط div1 قرار بگیره و با کم کردن زوم مرورگر باز در وسط باشه و تغییر مکان نده





<style>*{ margin:0; padding:0; }#div1{ width:100%; background:#333; margin-top:200px; }
#div2{ width:960px; background:#F90; height:200px;}

</style>


<body>

<div id="div1">
<div id="div2"></div>
</div>

</body>
دانیال دزفولی
دوشنبه 26 اسفند 1392, 18:42 عصر
#div2{ width:960px; background:#F90; height:200px;
position:relative;
margin:0 auto;
}









شاید اشتب تایپی داشته باشم با نرم افزار صجیج کنید
qartalonline
دوشنبه 26 اسفند 1392, 18:43 عصر
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Title</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html,body {
height: 100%;
}
#div1 {
width: 100%;
background: #333;
height: 100%;
position: relative;
}

#div2 {
width: 960px;
background: #F90;
height: 200px;
top: 50%;
left: 50%;
position: absolute;
margin-top: -100px;
margin-left: -480px;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">center of page</div>
</div>
</body>
</html>
qartalonline
دوشنبه 26 اسفند 1392, 18:52 عصر
خودم تست کردم عمل میکنه.
تو کدوم مرورگر مشکل داره؟
130000
دوشنبه 26 اسفند 1392, 18:55 عصر
من میخوام دایو 1 ارتفاعش auto باشه وقتی auto میکنم بک گراند دایو 1 رو نشون نمیده
130000
دوشنبه 26 اسفند 1392, 18:59 عصر
آقا دمتون گرم درست شد کمی کدهاتون رو انگولک کردم چیزی که خواستم شد خدا خیرتون بده ممنون :بوس: دست همگیتون درد نکنه دست خودمم درد نکنه :قهقهه: :لبخند:




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Title</title><style type="text/css">* { margin: 0; padding: 0;}
#div1 { margin-top:200px; width:100%; background:#333; position: relative;}
#div2 { width: 960px; background: #F90; height: 200px; top: 50%; left: 50%; position: relative; margin-top: -100px; margin-left: -480px;}</style></head><body> <div id="div1"> <div id="div2">center of page</div> </div></body></html>