سلام به دوستان
من قصد دخالت ندارم... ولی فکر نمیکنم استفاده از تگ center دیگه کار درستی باشه
این تگ از HTML5 خارج شده ... باید قبول کرد یه کمی پیره دیگه نیاز به استراحت داره
اما دوست من شما باید ببینید که از هر کدوم از این راه ها که برید چه اتفاقاتی ممکنه بعدا رخ بده که سایت رو به هم بریزه. مثلا یه جا ممکنه استفاده از margin باعث شه اگر عنصری کنارش اومد اون عنصر بپره پایین. یه جایی شاید float خوب باشه یه جای هم استفاده از absolute و البته relative . اینها فقط با تجربه به دست میاد (بر عکس اینکه خیلی ها فکر میکنن قسمت کد نویسی کلاینت ساید راحت ترین بخش طراحی سایت هست) یعنی شما باید هر روش رو امتحان کنید بعد کنارش عنصر اضافه کنید یا صفحه رو کوچیک و بزرگ کنید یا کارهایی مثل این.
استفاده از absolute و relative خیلی جاها به شما آزادی میده اما بعضی جاها واقعا گریه در میاره ... مثلا وقتی بخواهید سایت رو responsive کنید .
برای کنار هم چیدن چند تا عنصر یا قرار گیریشون در یه جای خاص من چند روش رو اینجا جمع آوری می کنم برای شما و پیشنهاد میکنم تا چند وقت همرو امتحان کنید.
1- استفاده از float
2- استفاده از margin و padding
3- استفاده از display - مثل block, inline-block یا ...
4- استفاده از positioning - مثل absolute و relative
(البته دلیلی نداره که نشه اینارو باهم استفاده کرد یعنی بعضی جاها لازمه مثلا 1 و 2 با هم استفاده بشن)
به هر حال باید چندین طرح رو کار کنید تا قضیه بیاد دستتون(یک پیشنهاد : استفاده از نرم افزارهایی مثل dream weaver یا .. اگر تجربه خیلی زیادی ندارید از نظر من فقط ضربه زدن به خودتون هست - بهترین و بهترین ابزار فقط notepad++ و firebug هست همین...)