آژانس هواپیمایی
pop up

می خوام عناصر داخل دایو در وسط قرار بگیرن

شروع موضوع توسط hossein_asp ‏15 سپتامبر 2007 در انجمن CSS

  1. hossein_asp

    hossein_asp کاربر تازه وارد

    تاریخ عضویت:
    ‏31 مارس 2005
    نوشته ها:
    637
    تشکر شده:
    0
    محل سکونت:
    جایی که خدا نباشد
    PHP:
    #hede {
        
    text-aligncenter;
        
    displayblock;
        
    widthauto;
    }
    ایتن کد رو ببینید این به یه Div اعمال کردم داخل اون هم یه Div دیگه هست تو IE مشکل ندارم اما تو فایرفکس سمت راست قرا میگیره و وسط نمیره چه کنم؟؟؟؟؟ :hmm:

    اینه

    HTML:
    <div id="hede">
     <div>test</div>
    </div>
     
  2. vahidrk

    vahidrk کاربر قدیمی پرشین تولز

    تاریخ عضویت:
    ‏2 جولای 2005
    نوشته ها:
    3,376
    تشکر شده:
    500
    محل سکونت:
    Home
    من مشكلي نديدم.توي كدوم ورژن تست كردين؟
    با اين حال اين كد رو امتحان كنيد:

    کد:
    #hede div{
        text-align: center;
        width: auto;
    } 
    div ذاتا block-level هست و نيازي به display:block نداره (اگر همه كدتون همين باشه)
     
  3. hossein_asp

    hossein_asp کاربر تازه وارد

    تاریخ عضویت:
    ‏31 مارس 2005
    نوشته ها:
    637
    تشکر شده:
    0
    محل سکونت:
    جایی که خدا نباشد
    نه فایده نداشت هنوز مشکل داره.در واقع یه سری دایو دارم می خوام بندازشون وسط صفحه اصلیم گذاشتمشون تو دایو #hede اما تو فایرفکس به مرکز منتقل نمیشن.مثل اینکه آخرالامر از Table استفاده کنم با body هم ور رفتم اما به نتیجه خاصی نرسیدم.

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

    cssdesign Registered User

    تاریخ عضویت:
    ‏5 دسامبر 2006
    نوشته ها:
    317
    تشکر شده:
    1
    محل سکونت:
    sAri
    درود بر شما
    امتحان کنید:
    HTML:
       #hede { 
        text-align: center; 
        display: block; 
        width: 200px;
       background:aqua;
    }  
    
    #center {
    margin:0 auto;
    background:green;
    width:100px;
    }
    
    
    

    HTML:
     <div id="hede">
    
    <div id="center">
    text </div>
    
    </div>
    
      
     
  5. hajagha

    hajagha کاربر تازه وارد

    تاریخ عضویت:
    ‏20 دسامبر 2002
    نوشته ها:
    436
    تشکر شده:
    4
    سلام
    کد شما در فایر فاکس من به درست کار میکند. احتمالاً شما برای عنصر div یک خصوصیات ثابتی در نظر گرفته اید که div دوم، طبق اون خصوصیات عمل میکند.
    اگر کد زیر رو امتحان کنید، بیشتر حرف و منظور من را بهتر میفهمید:

    کد:
    <style>
    #hede {
        text-align: center;
        display: block;
        width: auto;
    }  
    div { 
        text-align: right;
    }
    </style>
    HTML:
     <div id="hede">
    text1
    <div>text </div>
    
    </div>
    همونطور که مشاهده کردید، text1 در وسط قرار گرفته است ولی text در سمت راست.
    فایل css خودتون خوب بگردید و ببینید که آیا همچین کاری انجام داده اید یا خیر.
     
  6. hossein_asp

    hossein_asp کاربر تازه وارد

    تاریخ عضویت:
    ‏31 مارس 2005
    نوشته ها:
    637
    تشکر شده:
    0
    محل سکونت:
    جایی که خدا نباشد
    دستت درد نکنه حل شد اصلا به فکرم نرسیده بود به چپ و راست margin خاصیت auto بدم :happy:

    از راهنمایی همگی ممنون
     
  7. boxilink