PDA

View Full Version : سوال: بهینه کردن وب سایت برای تمام مرور گره



kienshien
سه شنبه 27 اردیبهشت 1390, 23:00 عصر
سلام دوستان ، راستش افتادم تو کار طراحی وب ، همیشه دوست داشتم بجز کد نویسی بخش طراحی وب ، طراحی گرافیکی رو هم خودم انجام بدم ، اما نمی شد ، بخصوص که هنوز سربازیم تموم نشده .

یک مشکلی داشتم می خواستم از پیشکسوتان این کار راهنمایی بگیرم ،من سایتی رو طراحی کردم که تو ie 6 درست نشون میده اما در firefox مشکل داره ، تو گوگل و اینور اونور که سرچیدم فهمیدم که باید برای هر مرور گر یک css جدا بنویسم و یا از CSS Hack استفاده کنم ، من سایت رو براتون ضمیمه می کنم ، یک نگاه بندازید . سوالاتم :

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

2- نحوه استفاده از CSS Hack ها چجوری؟

3 - کلا چطوری این مشکل رو حل کنم ، پیشا پیش از راهنمایی شما دوستان ممنونم. 70045

محمدامین شریفی
سه شنبه 27 اردیبهشت 1390, 23:34 عصر
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

سلام.
الف) بجای اینهمه element فقط body رو قید کنی، کفایت میکنه.
ب) مروگرهای جدید IE، رفتار معقول تری را در قالب بندی، نسبت به پیشکستانشان نشان میدهند.
با مرورگر FF و Firebug قالبت را مرتب کن. و توی IE هم تست کن.
ج) این ویدئو ها را هم ببین:
http://css-tricks.com/video-screencasts/71-building-a-website-photoshop-mockup
http://css-tricks.com/video-screencasts/72-building-a-website-2-of-3-htmlcss-conversion
د) بیشتر سایت های بزرگ برای مرورگرهای مختلف، قالب های گوناگون درست می کنند، توی پروژه خیلی وقت این کارا نیست ; )

موفق باشی رفیق.

colors
سه شنبه 27 اردیبهشت 1390, 23:36 عصر
درود

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