چگونگی رفع تفاوتها در اینترنت اکسپلورر و فایرفکس؟

[hajvahid]

سلام . من یه مطلب استاتیک رو با فونت tahoma و سایز 10 گذاشتم صفحه ی اول سایت . توی IE 7 اندازه ها درسته ، اما توی FireFox 3 فونت اون متن خیلی کوچیکتره ( احنمالا 8 ) . چه جوری می تونم این مشکل رو حل کنم؟ ممنون میشم راهنمایی کنین

[سعید]

شما اگر قالب رو css base و استاندارد استفاده کنید ، معمولا در هر دو مرور گر به درستی دیده میشه.
ضمن اینکه از مشترکات استفاده کنید.

اما مشکل وقتی بوجود میاد که css استاندارد نباشه. اون موقع، هر کدوم از مرورگرها به سلیقه خودشون عمل می کنند.

مثل مسائل داوری. وقتی قانون درست و محکمی در رابطه با اونها نباشه، قاضی معمولا به سلیقه خودش عمل می کنه!

در مورد اون هم اگر لینک هست لینک، وگرنه کد css و html رو بگذارید تا بگم که کجای کار شما مشکل داره.

یا علی مدد.

[hajvahid]

سلام . مرسی سعید جان بابت توضیحاتت

این کد CSS :


/* Body */

BODY {

margin: 0px 0px 0px 0px;

color : #F4F0EC;

}



td,tr,p,div {

font-family: Tahoma;

font-size: 11px;

color: #804D00;

}
p {

font-family: Tahoma;

font-size: 12px;

color: #993300;
line-height: 150%
}


/* Styles for dhtml tabbed-pages */

.ontab {

border-right: 2px outset #002800;

border-top: 2px outset #FF9900;

border-bottom: 1px solid #D5D5D5;

text-align: center;

cursor: hand;

font-weight: bold;

color: #F0F0F0

}

.offtab {

background-color : #FFF9F0;

border-right: 2px outset #E0E0E0;

border-top: 2px outset #E0E0E0;

border-bottom: 1px solid #D5D5D5;

text-align: center;

cursor: hand;

font-weight: normal

}

.tabpadding {

}



.tabheading {

text-align: right

}



.pagetext {

visibility: hidden;

display: none;

position: relative;

top: 0; color:#800000

}

h4 {

color: #FF9900; font-family: tahoma;

font-size: 16px; font-weight: bold;

}



h5 {

color: #FF9900; font-family: tahoma;

font-size: 14px; font-weight: bold;

}



h6 {

color: #FF9900; font-family: tahoma;

font-size: 12px; font-weight: bold;

}



/* Links */

a:link, a:visited {

font-size: 11px; color: #A66400; text-decoration: none;

font-family: tahoma

}



a:hover {

color: #FF6600; text-decoration: none;

}



/* For content item titles that are hyperlink instead of Read On */

a:link.contentpagetitle, a:visited.contentpagetitle {

font-family: tahoma;

font-size: 13px;

font-weight: bold;

color: #800000;

text-align:right

}



a:hover.contentpagetitle {

font-family: tahoma;

font-size: 13px;

font-weight: bold;

text-align:right;

color: #FF6600;

text-decoration: underline;

font-weight: bold;

}



/* Horizontal Line */

hr {

border-style:inset; border-width:1px; background:#FDEDDB; height:2px;

}



hr.separator {

background-position: 0% 0%; height: 1px;

width: 75px; background-image:none; background-repeat:repeat; background-attachment:scroll



}



/* --Default Class Settings-- */

table.moduletable {
width : 100%;
margin-bottom : 5px; color:#FF9900
}
table.moduletable th {
background-position: center top; font-size : 8pt;
font-weight : bold;
color : #800000;
text-align : center;
text-transform : uppercase;
margin-left: 2px; font-variant:normal; font-family:Tahoma; border-bottom-width:medium; padding-left:6px; padding-right:6px; padding-top:10px; padding-bottom:5px; background-image:url('../images/header.gif'); background-repeat:no-repeat; background-attachment:scroll
}

.mainlevel {
font-family : Arial;
font-weight : normal;
width : 100%;
text-align : right;
margin-left : 1px;
margin-right : 1px;
margin-top : 5px;
text-decoration : none;
-moz-opacity : 0.20;
letter-spacing : 0px;
text-indent : 22px;
padding : 4px;
display : block;
margin-top : 1px;
color:#CC6600;
}

a:link.mainlevel, a:visited.mainlevel {

padding:0; margin:0; background-position: center; border-bottom:0px solid #565044; font-size : 8pt;
color : #975A00; font-family:Tahoma; font-weight:bold; background-repeat:repeat-x; background-attachment:fixed; direction:rtl; list-style-type:square;
}
a:hover.mainlevel {

padding:0; margin:0; background-position: center; border-bottom:0px solid #565044; font-size : 8pt;
color : #336699; font-family:Tahoma; font-weight:bold; background-repeat:repeat-x; background-attachment:fixed; direction:rtl; list-style-type:square
}



a:hover.sublevel {

color: #990000; text-decoration: underline

}



a:link.sublevel, a:visited.sublevel {

color: #800000; font-family: Tahoma;

font-weight: normal

}



/* Content - Sections & Categories */

.contentpane {

color:#800000

}



.contentpaneopen {

border : 0px ridge #DCDCDC; color:#800000

}



.contentheading {

font-family: tahoma;

font-size: 13px;

font-weight: bold;

color: #CC6600;

text-align:right

}



.contentpagetitle {

font-family: tahoma;

font-size: 13px;

font-weight: bold;

color: #CC6600;

text-align:right

}



table.contenttoc {

color: #333300;



}



table.contenttoc td {

font-family: Tahoma;

font-size: 8pt;

font-weight: normal;

text-align:right; color:#996633

}



a:hover.toclink, a:visited.toclink, a:link.toclink {

font-size: 9px; color:#CC0000

}



.contentdescription {

font-family: Tahoma;

font-size: 11px;

color: #CC6600;

text-align: right

}



/* Links */

a:link.blogsection, a:visited.blogsection {

color: #FF9900; text-decoration: none; font-weight: normal;

font-family: tahoma;

}



a:hover.blogsection {

color: #CC3300; text-decoration: underline;

}



a:link.weblinks, a:visited.weblinks {

color: #FF9900; text-decoration: none; font-weight: normal;

font-family: tahoma;

}



a:hover.weblinks {

color: #CC3300; text-decoration: underline;

}



a:link.readon, a:visited.readon {

color: #800000; text-decoration: none; font-weight: normal;

font-family: tahoma;

font-size: 11px

}



a:hover.readon {

color: #990000; text-decoration: underline

}






.componentheading {

font-family: Tahoma;

font-size: 13px;

font-weight: bold;

color: #C67700;

text-align:right

}



.button {

border:1px solid #A65300; background-position: 0% 0%; font-family: Tahoma;

font-style: normal;

font-weight: bold;

font-size: 11px;
text-align: center;

color: #CC6600;

background-image:url('../images/fa_32.jpg'); background-repeat:repeat; background-attachment:scroll

}



.inputbox {

border-style:solid; border-width:1px; font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #F99E5B;

background: #FFFFFF;



}



/** category text format and links **/

.category {

color: #FFCC00; font-family: tahoma;

font-size: 11px; font-weight: bold; text-decoration: none

}



a:link.category, a:visited.category {

color: #5A5E61; font-weight: bold;

}



a:hover.category {

color: #FF9900;

}



.poll {

font-family: tahoma;

font-size: 10px;

color: #666666;

line-height: 14px

}



.sectiontableentry1, .contentpane {

color:#800000

}



.sectiontableentry2 {



}



.sectiontableheader {

color : #800000;

font-weight : bold

}



.frontpageheader {

font-size: 13px;

color : #0077aa;

font-weight : bold;

}



.small {

font-family: tahoma;

font-size: 10px;

color: #FF6600;

text-decoration: none;

font-weight: normal;

}



.smalldark {

font-family: tahoma;

font-size: 10px;

color: #800000;

text-decoration: none;

font-weight: normal

}





.newsfeedheading {

font-family: Tahoma;

font-size: 12px;

font-weight: bold;

color: #9B4E00;

text-align:right

}



.newsfeeddate {

font-family: tahoma;

font-size: 10px;

color: #FF6600;

font-weight: normal;

}



.createdate {

font-family: tahoma;

font-size: 10px;

color: #FF6600;

text-decoration: none;

font-weight: normal;

}



.modifydate {

font-family: Tahoma;

font-size: 10px;

color: #7D3F00;

text-decoration: none;

font-weight: normal

}



ul {

margin: 0px;; color:#974B00

}



li {

list-style: inside url(../images/arrow.png) 3px;

list-style-image: url(../images/arrow.png);

}



.fase4rdf {

font-family: tahoma;

font-size: 10px; color: #FFFFFF;
font-weight: normal;

}



a:link.fase4rdf {

font-size: 11px; font-weight: normal; color: #FF9900;

}



a:hover.fase4rdf {

font-weight: bold; color: #990000;

}



table.searchintro {

background-color: #FEF2E2;

border: 1px solid #800000;

}



table.contact {

background-color: #FFEFDF;

}



table.contact td.icons {

color:#800000

}



table.contact td.details {

background-color: #FBF2E1;

font-size: 10px;

font-weight: bold;

font-family: Tahoma;color:#CC6600

}



.pagenav {

font-weight: normal;

color: #FFCC66;

}



a.pagenav, a:visited.pagenav {

color: #FF6600;

}



a:hover.pagenav {

color: #FFCC00;

}



.pagenavbar {



color: #800000}



/* Content voting */

.content_rating {

font-weight: normal;

font-size: 8pt; color:#CC6600

}



.content_vote {

font-weight: normal;

font-size: 8pt; color:#990000

}



/* for modifying {moscode} output. Don't set the colour! */

.moscode {



}



/* Text passed with mosmsg url parameter */

.message {

font-family : tahoma;

font-weight: bold;

font-size : 10pt;

color : #ff6600;

text-align: center;

}

[atoofy]

سلام. خوب فایل html کجاست؟ :)
در ضمن با دادن اندازه فونت به کلاس body مشکل حل نمی شه؟
در صورتی که حل نشد، کش ها را هم پاک کنید و دوباره امتحان کنید.

[hajvahid]

منظورتون از فایل HTML همون Index.php هست؟

[atoofy]

سلام. بله ;)

یــــــــــــــــــــــاع ـــــــــــــــــلی

[سعید]

نخیر!

خود فایل خام index.php نه.
بلکه فایل ترجمه شده اون.

البته اگر لینک سایت رو می گذاشتید خیلی بهتر بود.

[atoofy]

سلام سعید جان. مگه صفحه اصلی سایت مد نظر نیست قربان؟ :o

یــــــــــــــــــــــــ ـــاعــــــــــــــــــــ ـــلی

[سعید]

فایل index.php ، فایل سرور ساید هست. گذاشتن کد این فایل، چیزی رو مشخص نمی کنه. مگر اینکه کل قالب باشه!
مثل <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

چون فایل index.php به صورت یکتا اجرا نمیشه و به جیزهای دیگه ای بستگش داره.

خواهش می کنم بحث ها رو متفرقه نکنید.

اجازه بدید دوست عزیزمون &quot; نجوا &quot; اول اطلاعات کامل (ترجیحا لینک صفحه) یا کدهای مورد نظر رو بگذارند تا بررسی بشه.

[hajvahid]

سلام . این آدرس سایت سعید جان : <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

[سعید]

طرح زیبایی داشت. تبریک میگم
ولی css یک سری مشکلات داشت که بهتره اصلاح بشه:


Warning: Expected end of value for property but found &#039;3px&#039;. Error in parsing value for property &#039;list-style&#039;. Declaration dropped.
Source File: amirabadi.ir/fa/templates/amirabadi/css/template_css.css
Line: 666

Warning: Error in parsing value for property &#039;cursor&#039;. Declaration dropped.
Source File: amirabadi.ir/fa/templates/amirabadi/css/template_css.css
Line: 65

Warning: Error in parsing value for property &#039;cursor&#039;. Declaration dropped.
Source File: amirabadi.ir/fa/templates/amirabadi/css/template_css.css
Line: 45



البته مشکل شما به این موارد ربطی نداره.
مشکل شما این هست که تمام مطالب شما، داخل تگ هایی هستند که تگ ها وstyle اونها اینطور تعریف شدند:


&lt;span style=&quot;font-family: tahoma,arial,helvetica,sans-serif; font-size: x-small;&quot;&gt;

اون قسمت font-size: x-small; هست که در مرور گر FF شناخته میشه . یعنی اون قسمت رو با فونت small مرورگر نشون میده
اما در مرورگر IE این خصیصه تعریف نشده هست یا اینکه اندازه small به همین اندازه فعلی هست.

و با توجه به اینکه style اختصاصا برای خود تگ تعریف شده، امکان اصلاح اون از طریق stylesheet فایل css احتمالا نیست.

به هر حال شما اون قسمت font-size: x-small; رو از تگ ها باید حذف کنید تا مظالبتون درست بشن


در ضمن، مگه شما از چه ویرایشگری ایتفاده می کنید که اینطور شده؟

آیا مطالب رو از جای دیگه ای در داخل ویرایشگر کپی کردید ؟

[hajvahid]

طرح زیبایی داشت. تبریک میگم

مرسی سعید جان ::)

حق با شما بود . مشکلم حل شد . فکر می کنم علتش هم این بود که مستقیم از یه سایت دیگه کپی پیست کردمش و بعد توی ویرایشگر مامبو فونت و سایز رو تغییر دادم . بازم ممنون

راستی . این ایراداتی که گفتی در مورد CSS ،میشه راهنمایی کنی چه جوری می تونم حلش کنم؟

[سعید]

cursor: hand;

مقدار hand برای این مورد احتمالا تعرریف نشده.

موارد تعریف شده معمول برای cursor عبارتند از :
crosshair
pointer
move
text
wait
help
و ...



list-style: inside url(../images/arrow.png) 3px;

مقدار list-style هم مشکل داره. یعنی احتمالا اون 3px اضافی باشه.