مشکل در ie & mozilla

Printable View

31-12-2008, 18:44
nibble

مشکل در ie & mozilla

سلام
اگر در css اندازه height رو به صورت مطلق تعیین کنیم اگر لازم باشه محتوای صفحه بیشتر از این اندازه تعیین شده باشه در ieمشکلی پیش نمی یاد و اندازه به صورت auto زیاد می شه اما مشکل اینجاست که در mozilla همه چیز بهم می ریزه حالا اگر به جای heightاز min-heightاستفاده کنیم مشکل در mozilla حل می شه و اگر اندازه از min_height بیشتر بشه ارتفاع هم به صورت auto زیاد می شه اما در ie این min-height رو اصلا در نظر نمی گیره و ارتفاع با مقدار محتوا set می شه
حالا اگر height رو با یه مقدار مطلق مشخص کنم و -moz-height:auto هم بزارم باز مشکل حل نمی شه
با این تفاسیر من باید چه کار کنم که هم در ie هم mozilla ارتفاع رو همیشه ثابت نگه دارم و اگر محتوا بیشتر از ارتفاع شد مشکلی پیش نیاد
31-12-2008, 20:33
jandedy

مشكل اين كار Javascript است . بفرماييد : :31::31::31::31:

[HTML]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body>
<div id="text" style="min-height: 100px;">
</div>
<script language="Javascript">
if(navigator.appName == "Microsoft Internet Explorer"){
document.getElementById( "text" ).style.height="100px";
}
</script>
</body>
</html>

[/HTML]
31-12-2008, 20:37
jandedy

اگر متوجه نشدي كامل تر بگم . ها ؟؟؟؟
01-01-2009, 15:01
nibble

سلام ممنون ولی اگر javascriptروdisabledبکنن دوباره مشکل وجود داره
01-01-2009, 22:11
jandedy

اون وقت مي توان از كد زير استفاده كرد :

[PHP]<?php

function http_user_agent()
{
$user_agent = "/".$_SERVER['HTTP_USER_AGENT'];
$http_user_agent = $_SERVER['HTTP_USER_AGENT'];
$browser = array ( "Mozilla", "Opera", "IE", "FireFox" , "Netscape", "Safari", "Seamonkey", "Dillo", "Navigator", "Camino", "Epiphany", "Galeon", "Minefield", "K-Meleon", "Iceape", "konqueror", "flock", "Chrome");
$os = array ( "Windows", "Mac", "Linux", "FreeBSD");
$ex = array();
$ex[ "BROWSER" ] = "Unknown";
$ex[ "OS" ] = "Unknown";
foreach ($browser as $parent)
{

$browser = strpos( strtoupper( $user_agent), strtoupper($parent));
$version_str= $browser + strlen( $parent ) + 1;
$version = substr( $user_agent, $version_str, 3);
$version = preg_replace('/[^0-9,.]/','',$version);
if ($browser)
{
$ex[ "BROWSER" ] = $parent;
$ex[ "VERSION" ] = $version;
}
}
foreach ($os as $val)
{
if (eregi($val,strtoupper( $user_agent))) $ex[ "OS" ] = $val;
}

$_SERVER[ "HTTP_USER_AGENT" ] = array();
$_SERVER[ "HTTP_USER_AGENT" ][ "TEXT" ] = $http_user_agent;
$_SERVER[ "HTTP_USER_AGENT" ][ "BROWSER" ] = $ex[ "BROWSER" ];
$_SERVER[ "HTTP_USER_AGENT" ][ "BROWSER_VERSION" ] = $ex[ "VERSION" ];
$_SERVER[ "HTTP_USER_AGENT" ][ "OS" ] = $ex[ "OS" ];

return true;
}
http_user_agent();
if( $_SERVER[ "HTTP_USER_AGENT" ][ "BROWSER" ] == "IE" ){
?>
height: 100px;
<?
}else{
?>
min-height: 100px;
<?
}
?>
[/PHP]

اگر نفهميدي توضيح دهم . البته اين كد دايناميك است و بايد بر روي سروري كه PHP رو پشتيباني مي كند اجرا شود و فرمت فايل هم php باشد .
02-01-2009, 10:40
nibble

سلام ممنون
می شه یه توضیح اساسی بدید
02-01-2009, 15:00
jandedy

توضيح درباره function

بفرماييد :

در اين تابع اول به اول
[PHP]$_SERVER["HTTP_USER_AGENT"][/PHP]
كه شامل متني درباره كاربر و مرورگرش است ، يك / اضافه كردم (( براي اين كه مشكلي براي opera پيش نياد )) و بعد در آرايه اي نام مرورگر هاي مختلف را دادم . در آرايه بعدي نام سيستم عامل ها را دادم . با توابع ديگر مرورگر و سيستم عامل رو تجزيه كردم و در آرايه اي در [PHP]$_SERVER["HTTP_USER_AGENT"][/PHP] قرار دادم . بعد هم تابع رو فراخوني كردم و بعد هم با يك شرط كه اگر نام مرورگر IE بود فلان چيز و اگر نبود بهمان چيز رو بنويس .

:10::10::8::8:
02-01-2009, 15:02
jandedy

راستي بگم كه بايد براي استفاده از اين نوع فايل php.* باشه يعني مثلا نام فايل h.php باشد و اين نوشته ها بايد در خصيصه style تگ قرار گيرد .
10-01-2009, 17:21
TemplateMonster

نه بابا بی‌خیال! کلی کد php فقط واسه همین؟ یه تکنیکی هست توی CSS، اینا:

کد:

min-height: 300px; height: auto !IMPORTANT; height: 300px;

دقت کنید که مقادیر توی min-height و height یکسان باشند. حالا تو هر دو مرورگر یکسان نمایش داده می‌شه.

یه روش دیگه هم هست:

کد:

http://www.greywyvern.com/code/min-height-----
10-01-2009, 19:06
jandedy

نقل قول:

نوشته شده توسط TemplateMonster [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

نه بابا بی‌خیال! کلی کد php فقط واسه همین؟ یه تکنیکی هست توی CSS، اینا:

کد:

min-height: 300px; height: auto !IMPORTANT; height: 300px;

دقت کنید که مقادیر توی min-height و height یکسان باشند. حالا تو هر دو مرورگر یکسان نمایش داده می‌شه.

یه روش دیگه هم هست:

کد:

http://www.greywyvern.com/code/min-height-----

واه :18: بابا :18: كفم بريد :18: بابا CSS ---- :18: بابا برنامه نويس :18: بابا گرافيست :18: واه :18: تشكر //
10-01-2009, 19:19
jandedy

من امتحان كردم كار نكرد ! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
12-01-2009, 17:07
TemplateMonster

نه، کار می‌کنه. اینو نیگا:

کد:

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> #box { width: 200px; min-height: 300px; height: auto !IMPORTANT; height: 300px; background-color: #FF0000; } </style> </head> <body> <div id="box"> bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf bhfghfghdhd dfjghdf dfkgjhdfgdfuadfgh fg dfgkjsdfhgsdhg g dgsdf </div> </body> </html>
12-01-2009, 17:18
TemplateMonster

یه جور دیگه هم می‌شه، الان تست کردم و نتیجه داد:

کد:

#box { width: 200px; min-height: 300px; * height: 300px; background-color: #FF0000; }
12-01-2009, 18:41
jandedy

نقل قول:

نوشته شده توسط TemplateMonster [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

یه جور دیگه هم می‌شه، الان تست کردم و نتیجه داد:

کد:

#box { width: 200px; min-height: 300px; * height: 300px; background-color: #FF0000; }

درست بود . كار كرد . يك سوال . منبع فارسي براي css هاي موزيلا نمي شناسي ؟
13-01-2009, 23:25
TemplateMonster

اینجا Developer Center موزیلا هست:

کد:

https://developer.mozilla.org/en/
14-01-2009, 09:52
jandedy

نقل قول:

نوشته شده توسط templatemonster [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

اینجا developer center موزیلا هست:

کد:

https://developer.mozilla.org/en/

چقدر هم فارسي بود ! :37::25::25::47::47::18::18:
23-01-2009, 15:52
.: محمد :.

دوستان منبع فارسی بسیار کامل (((( بسیار بسیار بسیار کامل ))))) سراغ ندارید ؟؟؟؟؟
24-01-2009, 12:45
nibble

سلام واقعا ممنون
دوستان source خوب سراغ ندارید برا یانجور مسائل فارسی و انگلیسی فرق نمی کنه
25-01-2009, 11:53
nibble

سلام می شه یه توضیحی بدید
مثلا چه جوری مرورگر می فهمه heght رو در نظر بگیره یا min-height رو
25-01-2009, 19:02
TemplateMonster

نقل قول:

نوشته شده توسط nibble [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

سلام می شه یه توضیحی بدید
مثلا چه جوری مرورگر می فهمه heght رو در نظر بگیره یا min-height رو

اصل قضیه مربوط به پشتیبانی مرورگرهای مختلف از خصوصیات مختلف هست. مثلاً IE خصوصیت min-height رو نمی‌شناسه ولی اگه height رو تنظیم کنی و محتواش بیشتر از اون مقدار باشه، اتوماتیک اندازه اونو افزایش می‌ده تا همه‌ی محتوا رو بتونه نمایش بده. ولی فایرفاکس اگه مقدار height رو بهش بدی و محتواش بیشتر بشه براش اسکرول بار درست می‌کنه.

کد:

/* browser { support: none !SHIT; } */
26-01-2009, 14:54
.: محمد :.

تشكر بسيار // خیلی منمنون که جواب من رو دادید !
26-01-2009, 21:55
nibble

نقل قول:

نوشته شده توسط templatemonster [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

اصل قضیه مربوط به پشتیبانی مرورگرهای مختلف از خصوصیات مختلف هست. مثلاً ie خصوصیت min-height رو نمی‌شناسه ولی اگه height رو تنظیم کنی و محتواش بیشتر از اون مقدار باشه، اتوماتیک اندازه اونو افزایش می‌ده تا همه‌ی محتوا رو بتونه نمایش بده. ولی فایرفاکس اگه مقدار height رو بهش بدی و محتواش بیشتر بشه براش اسکرول بار درست می‌کنه.

کد:

/* browser { support: None !shit; } */

سلام ممنون این کدی که نوشتید یعنی چی؟

کجا می شه لیست کاملی از این جور موارد پیدا کرد؟
28-01-2009, 01:40
TemplateMonster

این کده که الکی بود!
توی MSDN مایکروسافت من دیدم جدول تمام خصوصیات مورد پشتیبانی تو همه نسخههای IE هست. یه چیز دیگه. Aptana رو که میشناسید؟ Aptana.com
این برنامه موقع استفاده از هر خصوصیت یا تگ یا حتی دستورهای جاوااسکریپت مرورگرهای پشتیبانش رو هم نشون میده و در ضمن توی راهنمای برنامه لیست کامل همه دستورات و تگها و خصوصیت‌ها به صورت جدول و نحوه‌ی پشتیبانیش هست. :31:
28-01-2009, 01:42
TemplateMonster

نقل قول:

نوشته شده توسط .: محمد :. [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

دوستان منبع فارسی بسیار کامل (((( بسیار بسیار بسیار کامل ))))) سراغ ندارید ؟؟؟؟؟

منبع فارسی که ممد جان خودت بهتر میدونی، گیر نمیاد اصولا. ولی بهترین منبع دنیا رو داریم: گوگل!
29-01-2009, 19:40
.: محمد :.

نقل قول:

نوشته شده توسط templatemonster [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

منبع فارسی که ممد جان خودت بهتر میدونی، گیر نمیاد اصولا. ولی بهترین منبع دنیا رو داریم: گوگل!

بله ، بله ، مفیوض شدیم برادر ! عجب منبع درست و حسابی ! آبگوشت نخوری یه چیزی می شی ( یکم تحریف شده ) . :31::31::31:

اینجا می خواستم یک پند اخلاقی بگم یادم رفت ! :31::31:
29-01-2009, 20:00
.: محمد :.

این پست حذف شود [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
29-01-2009, 20:23
.: محمد :.

این پست حذف شود [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]