مشکل در وسط چین بودن تیبل در مرورگرها

ACTIVE · Oct 20, 2011

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

در صورت امکان راهنمایی بفرمایید.
من میتونم سورس رو هم ارسال کنم.
ممنون

L-B · Oct 20, 2011

با سلام
به جای استفاده از

<div align="center">

از css استفاده کنید تا تو همه مرورگرها استاندارد و یکسان نشون داده بشه ..
به این صورت که یک ID مثل container یا هر چی که میخواین .... تعریف کنید برای یک div شامل اونایی که میخواین در وسط باشه و بعد در سی اس اس مقادیر اون اینجور بزارید :

کد:

#container {
width:800px;
margin:0 auto;
}

ACTIVE · Oct 20, 2011

با سلام و تشکر

متاسفانه من نتونستم کاری بکنم... فایل رو آپلود کردم لطفاً اگه وقت داشتید یه نگاهی بکنید.
خیلی ممنونم

دانلود فایل

Agent 47 · Oct 21, 2011

اون padding و width تگ body رو تو css اصلی پاک کن.
واسه div اولی هم یه کلاس بده به اسم مثلا main.
این هم کلاس main:

کد:

 .main {
    width:900px;
    margin: 0 auto;
}

L-B · Oct 21, 2011

یک Div جدید بساز بالای div و بعد تگ رو جاتیی ببندکه تمام content ها درون این div باشند و بعد استایل زیر رو بهش بده ....

HTML:

<div style="width:900px; margin:0 auto;" >

ACTIVE · Oct 21, 2011

Agent 47 گفت:
اون padding و width تگ body رو تو css اصلی پاک کن.
واسه div اولی هم یه کلاس بده به اسم مثلا main.
این هم کلاس main:

کد:

.main { width:900px; margin: 0 auto; }

سلام
من به سی اس اس زیاد وارد نیستم

اگر فایل را نگاه کرده باشید، چند فایل css موجود هستش متاسفانه نمیدونم کدومش رو ادیت بکنم

ACTIVE · Oct 21, 2011

l-b گفت:
یک div جدید بساز بالای div و بعد تگ رو جاتیی ببندکه تمام content ها درون این div باشند و بعد استایل زیر رو بهش بده ....

HTML:

<div style="width:900px; margin:0 auto;" >

این کار را داخل فایل انجام دادم اتفاقی نیفتاد

ACTIVE · Oct 21, 2011

اگر از دوستان بزرگواری بکنن و فایلی رو که آپلود کردم رو ادیت بفرمایند ممنون خواهم شد...
مشکل من فقط اینه که میخام کل کار وسط چین بشه و در تمامی مرور گرها درست نشون داده بشه.
دوستان ممنون میشم این لطف رو بکنید

Agent 47 · Oct 21, 2011

فایل style.css رو باز کن و این تغییرات رو ایجاد کن:

کد:

body {
    font-size: 70%;
    

  }
   .main {

    margin: 0 auto;
    width:900px;
}

اولین div تو فایل index رو هم اینطوری کن:

کد:

<div class="main">

Mohammad · Oct 22, 2011

تمام کارهایی که دوستان گفتن فکر کنم بی فایده باشه چون برای صفحه باید تعریف کنید که زبان کدنویسی شما XHTML هست نه HTML
یعنی باید این کد رو در ابتدای کد اصلی قالبتون اضافه کنید )به جای <HTML > ، بعد کارهایی که دوستان گفتند رو انجام بدید :

کد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">