برگزیده های پرشین تولز

Center كردن افقي و عمودي با CSS

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
تو CSS چطوري ميشه اين رو بوجود آورد ؟!

css.jpg



يعني يه DIV داخل يه DIV ديگه ، هم horizontal هم vertical وسط ( Center ) باشه !

افقيش رو بلدم ! عموديش و نتونستم !

يه Vertical-Align پيدا كردم كه كار نكرد !

اگر كسي بگه لطف بزرگي كرده !

----------------------------

قابل توجه مديران : الان كه ميخواستم اين تاپيك رو بزنم ديدم هيچ بخشي براي CSS كه انقدر مهمه نداريم !
( شايدم من پيدا نكردم )
 

ehsan

Administrator
مدیر انجمن
Administrator
تاریخ عضویت
5 دسامبر 2002
نوشته‌ها
7,949
لایک‌ها
3,918
محل سکونت
Internet

ehsan

Administrator
مدیر انجمن
Administrator
تاریخ عضویت
5 دسامبر 2002
نوشته‌ها
7,949
لایک‌ها
3,918
محل سکونت
Internet
سایز داخلی هم اگه معلوم باشه بازم میشه یه کاریش کرد.
 

ehsan

Administrator
مدیر انجمن
Administrator
تاریخ عضویت
5 دسامبر 2002
نوشته‌ها
7,949
لایک‌ها
3,918
محل سکونت
Internet
اینو ببین:

HTML:
 <html><head>
 
 <style type="text/css">
 	<!--
    
 	DIV.outer
 	  {
 	  position: absolute;
 	  left: 50%;
 	  top: 50%;
 	  width: 300px;
 	  height: 300px;
 	  margin-left: -150px; /* half of width */
 	  margin-top: -150px;  /* half of height */
 	  background-color: #6699CC;
 	  }
 	  
 	  
 	DIV.inner
 	  {
 	  position:absolute;
 	  left: 50%;
 	  top :50%;
 	  width: 100px;
 	  height: 100px;
 	  margin-left: -50px;  /* half of width */
 	  margin-top: -50px;   /* half of height */
 	  background-color: #99CCFF;
 	  }
 	  
 	-->
 </style>
 	  
 </head>
 <body>
 
 <div class="outer">
 in center of page
 
 <div class="inner">
 in center of outer div
 </div>
 
 </div>
 </body></html>
 

شايان

مدیران قدیمی
تاریخ عضویت
2 سپتامبر 2003
نوشته‌ها
4,813
لایک‌ها
9
اول اينكه دمت گرم كه جواب دادي ....

ئ.م اينكه بيرونيه سايزش مشخص نيست ! يعني 100% ه !

ببين قضيه اينه كه يه DIV با سايز مشخص رو ميخوام تو كل صفحه بذارم وسط !!!

يعني با بزرگ و كوچيك شدن صفحه ... اين وسط بمونه !

همين كاري كه الان با فايل فلش تو http://shayan.ws كردم ... اولي لون با Table درست كردم .

با Table خيلي راحته ... ولي چون نميخوام از Table استفاده كنم ... بايد با DIV بسازم ...

اگر سايز جفتش معلوم بود ... با Margin ميشد راحت ساخت ... ولي فقط سايز داخليه معلومه !
 
بالا