PDA

View Full Version : با padding توی فایرفکس مشکل دارم.


bacheweb
پنج شنبه 10 بهمن 1387, 13:19 عصر
من یه قسمتی دارم که می خوام نوشته های موجود در آن از فاصله خاصی شروع بشن یعنی از اول نباشن. وقتی از padding استفاده می کنم توی اکسپرور جواب می ده ولی توی فایرفکس اینطوری نیست!
این هم کد سی اس اس :


#page{
font-size:9pt;
color:black;
line-height:1.5em;
text-align:justify;
direction:rtl;
width:160px;
padding-right:20px;
padding-left:4px;
padding-bottom: 10px;
background-color: #99FFCC;
}
shamsoft
پنج شنبه 10 بهمن 1387, 13:47 عصر
padding-right:20pc رو بکن padding-right:20px
bacheweb
پنج شنبه 10 بهمن 1387, 14:02 عصر
padding-right:20pc رو بکن padding-right:20px

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

چکار باید بکنم ؟
bacheweb
پنج شنبه 10 بهمن 1387, 14:44 عصر
یه مشکل جالب توی آن پیدا کردم!!!!!!!!!!!!!!!!!!!!!!!!!!!

همون طور که توی کد می بینید width:160px
حالا وقتی بک گراند را عکس بزارم اندازش با بک گراند بدون عکس (رنگ) فرق می کنه!!!!
و توی حالتی که بک گراند را رنگ می زارم نوشته از آنجایی که توی کد گفتم شروع می شه ولی توی بک گراند عکس این طوری نیست!!!
این را هم بگم که این مشک فقط توی فایرفکس است و توی اکسپرور درست جواب می ده!!
خودتون یه امتحانی بکنید. منظورم را بهتر متوجه می شید.
باید چه کار کنم ؟
bacheweb
پنج شنبه 10 بهمن 1387, 15:07 عصر
عجببببببببببببببببببببببب ببببب !!!

چه چیزهایی که توی فایرفکس اتفاق نمی افته!!
این کد را خودتون تست کنید :



<html>
<head>
<meta http-equiv="Content-Language" content="fa">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 4</title>
</head>
<style>
#page1{
font-size:9pt;
color:black;
line-height:1.5em;
text-align: right;
width:160px;
padding-bottom:10px;
background-color: #FFFF00;
}
#page{
font-size:9pt;
color:black;
line-height:1.5em;
text-align: right;
width:160px;
padding-bottom:10px;
background-color: #0099FF;
padding-right:20px;
padding-left:4px;
}

</style>
<body>
<div id=page1>متن مورد نظر</div>
<div id=page>متن مورد نظر</div>
</body>
</html>


توی اکسپرور دو تا قسمت اندازه خودشون را حفظ می کنند ولی توی فایرفکس توی قسمت page چون از padding لستفاده شده به جای اینکه فضای متن داخلش محدود بشه، اندازه آن بیشتر می شه!!!!!
raravaice
جمعه 11 بهمن 1387, 12:38 عصر
موضوع عجیب و دور از ذهنی نیست، مقصر هم FF نیست که استاندارد رو رعایت کرده. :)

استاندارد W3 میگه Padding روی طول و عرض شئی تاثیر میزاره،
طراحی وب بین مرورگر های امروزی نیاز به فکر کردن در چند بعد داره تا بشه با همه مرورگر ها ساز گار بود.

برای حل این مشکل کد خودت رو به صورت زیر تغییر بده : "البته این یه راهش هست"



<html>
<head>
<meta http-equiv="Content-Language" content="fa">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 4</title>
</head>
<style>
#page1{
font-size:9pt;
color:black;
line-height:1.5em;
text-align: right;
width:160px;
padding-bottom:10px;
background-color: #FFFF00;
}
#page{
font-size:9pt;
color:black;
line-height:1.5em;
text-align: right;
width:160px;
padding-bottom:10px;
background-color: #0099FF;
/*padding-right:20px;
padding-left:4px;*/
}
#page div
{
margin-right:20px;
margin-left:4px;
}

</style>
<body>
<div id="page1">متن مورد نظر</div>
<div id="page"><div>متن مورد نظر</div></div>
</body>
</html>


موفق باشید