انجمن


نمایش صحیح صفحات وب در IE6  (۱۶ نوشته)

  • Saeed Fard

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۹۸۲
    تشکر شده: ۱۶۱۵ بار
    # نوشته شده: ۸ سال پیش
    ۱۶ آذر ۱۳۸۹ - ۲۱:۲۵

    سلام دوستان، همون طور كه قبلا گفته بودم دنباله راه ي كامل و درست براي اين مشكل هستم و بلاخره تونستم از منبع هايه مختلف مقاله اي رو جمع آوري كنم ، در اختياره دوستان قرار ميدم تا استفاده كنند..

    یکی از بزرگترین مشکلاتی که طراحان وب با آن مواجه هستند، هیچ ارتباطی با طراحی ندارد. مرورگری به نام Internet Explorer 6. فقط به علت اینکه بسیاری از کاربران وب هنوز از این مرورگر استفاده می کنند، طراحان وب نمی توانند از تمام ظرفیت های CSS برای طراحی سایت هایشان استفاده کنند. شاید برای بسیاری از طراحان وب مثل خودم، بهترین راه مقابله با IE6 راهنمایی کاربران برای کنار گذاردن این مرورگر باشد. روش هایی نظیر نشان دادن سایت در پایین ترین ظرفیت ممکنه برای کاربران IE6، و یا نشان دادن هشدار به این عنوان که نمی توانید با استفاده از این مرورگر از امکانات سایت استفاده کنید.

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

    در اينجا من سعي ميكنم تا برای بعضی مشکلات اساسی که در IE6 وجود دارد راه حل های موجود را بیان کنم.

    نوشتن کد فقط برای IE6

    خوشبختانه با وجود همه ی مشکلات اساسی موجود در IE6 و خودخواهی های مایکروسافت برای عدم انطباق با استانداردهای وب، راهی برای نوشتن کدهایی که فقط در IE6 دیده شوند وجود دارد. با استفاده از Conditional Comments.

    <!--[if IE6]>
    Oops! Looks like you're still using Internet Explorer 6!
    You deserve better!
    <![endif]-->

    بدین ترتیب می توان کدهایی در صفحات وب قرار داد که تنها در نگارش های خاص از IE دیده شود. مثلا در کد بالا، در صورتی که IE نگارش 6 باشد، کدی که در درون comment قرار دارد نیز جزئی از صفحه وب خواهد بود. اما بقیه نگارش های IE و باقی مرورگرها همه ی آن را به عنوان توضیحات درنظر می گیرند و چیزی در صفحه وب قرار نمی گیرد.

    با استفاده از این روش می توان یک کد javascript خاص، یا یک style sheet مجزا را برای نگارش خاصی از IE در صفحه وب وارد کرد. به عنوان مثال:

    <!--[if IE6]>
    <link rel="stylesheet"
    href="http://www.superdl.com/LessEqualIE6.css" type="text/css"/>
    <![endif]-->

    بعد می توان همه ی styleهایی که مربوط به IE6 هستند را در این فایل css قرار داد.

    البته Conditional comments فقط در IE6 کاربرد ندارند و می توان هر نسخه ای، یا مجموعه ای از نگارش های IE را تعیین کرد. مثلا نگارش های کمتر یا معادل IE7. برای اطلاعات بیشتر می توانید به Microsoft - About Conditional Comments مراجعه نمایید.

    Float Clear

    مشکلی که نه فقط در IE6 و بلکه در مرورگرهای بسیاری وجود دارد، انجام ندادن clearing برای عناصر داخلی float شده است.

    بدین معنا که انتظار می رود که مثلا اگر یک تصویر را در یک div قرار دهیم و آن تصویر را به یک سمت float کنیم، آن div به طور کامل تصویر را در بر گرفته باشد و حداقل طول و عرض معادل تصویر داشته باشد.

    اما گاهی چنین اتفاقی نمیفتد و به اطلاح می گویند عنصر شناور داخلی به درستی توسط دربرگیرند خود clear نشده است.

    خوشبختانه راه حل بسیار مشهور clearfix وجود دارد که به اصطلاح یک css hack .است

    برای استفاده از این css hack کافی است کد css مربوطه را در فایل های css قرار دهیم و سپس به کلاس های div کلاس clearfix را نیز اضافه کنیم.

    .clearfix:after{
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
    .clearfix{display:inline-table}
    /* Hides From IE-mac */
    * html .clearfix{height:1%;}
    .clearfix{display:block}
    /* End Hide From IE-mac */

    البته راه حل ساده تر این است که برای خصیصه overflow از div مقداری تعیین کنیم.

    overflow:hidden;
    width:100%;

    البته می توان مقادیر دیگری را نیز برای width و overflow تعیین کرد و یا حتی به جای width به height مقدار داد.

    همچنین در صورتی که مقداردهی به overflow باعث به هم ریختگی طراحی بشود، می توان تنها به یکی از overflow-x و overflow-y مقدار داد.

    رفع مشکل دوبرابر شدن حاشیه

    در صورتی که عنصری مانند <div> را در یک سمت float کنیم، و بعد در همان سمت یک حاشیه یا همان margin برای آن قرار دهیم، IE6 مقدار آن margin را دوبرابر می کند!

    ساده ترین راه حل برای این مشکل آن است که خصیصه display برای آن عنصر را از block به inline تغییر دهیم.
    رفع بعضی از مشکلات IE6 با تعیین hasLayout

    به عنوان آخرین نکته، بسیاری از مشکلات IE6 را می توان با به اصطلاح set کردن hasLayout رفع کرد. hasLayout یکی از تعیین کننده های داخلی مرورگر IE6 است که در صورتی که همه چیز به خوبی کار می کرد نیازی نبود تا هیچ وقت در مورد آن بدانیم.

    hasLayout یک خصیصه برای هر یک از عناصر html است که خود IE6 در درون خود برای بررسی نحوه نمایش عناصر مقدار آن را تعیین می کند. معمولا برای اینکه نمایش عناصر وقت گیر نباشد و بازدهی بالا رود، IE6 برای بعضی عناصر مقدار آن را false قرار می دهد.

    گاهی اوقات مشکلات نمایش عناصر در صورتی که hasLayout در آنها true باشد رفع می شود. بنابراین خوب است بدانیم چه طور می توانیم کاری کنیم که IE6 مقدار آن را true قرار دهد.

    با تعیین مقادیر زیر برای خصیصه های عناصر، آنها دارای layout می شوند

    width: anything other than "auto"
    height: anything other than "auto"
    float: left or right
    display: inline-block
    zoom: anything other than "normal"

    بنابراین یکی از سریع ترین روش ها برای حل مشکل نمایش در IE6 این است که فرضا برای آن عنصر width یا height تعیین کنیم.

    برای اطلاعات بیشتر در مورد hasLayout می توانید به http://www.satzansatz.de/cssd/onhavinglayout.html مراجعه نمایید.

    در آخر

    در این نوشته سعی کردم اصلی ترین نکات مورد نیاز برای اینکه صفحات وب تا حد قابل قبولی در IE6 به درستی نمایش داده شود را بیان کنم.كه حداقل اين مشكل در اين انجمن حل بشه.. اگرچه مشکلات IE6 به همین موارد ختم نمی شود و البته راه حل ها هم بسیار است، ولی به عنوان یک نوشتار کلی، به نظر کافی می رسد.

    مخصوصا من خودم عقیده دارم حالا که نمی توانیم کاربران IE6 را متقاعد کنیم تا از آن دست بردارند، و یا شاید برای آنها امکان این موضوع وجود نداشته باشد، بهتر است لااقل متوجه شوند که همه چیز در مرورگر آنها به درستی کار نمی کن.

    منبع : http://sixrevisions.com/web-development/definitive-guide-to-taming-the-ie6-beast/

    اميدوارم مفيد واقع بشه..
    دوستان نظرات خودتون رو اعلام كنيد..

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    ~> Mr.vAhiD.DI <~ - pep30 - Farshad MC - alliso0l - eneah - milad200 - میثم الله‌داد - امین باقیات - mohmon
  • milad200

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۸۵
    تشکر شده: ۳۳۴ بار
    # نوشته شده: ۷ سال پیش
    ۲۶ آبان ۱۳۹۰ - ۱۲:۵۰

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

    این عکس و این عکس نیازه که اسلاید شو و پست ها به مرکز پوسته بیایند و این عکس هم که این سایدبار باید سمت چپ باشه

    این استایل ما

    /*
    Theme Name: Magnificent
    Theme URI:
    Version: 1.9
    Description: 2 Column theme from Elegant Themes
    Author: Elegant Themes
    Author URI:
    */
    
    /*------------------------------------------------*/
    /*-----------------[RESET]------------------------*/
    /*------------------------------------------------*/
    
    /* / */
    /* v1.0 | 20080212 */
    
    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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
    
    body { line-height: 1; direction:rtl; }
    ol, ul { list-style: none; }
    blockquote, q {	quotes: none; }
    
    blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
    
    /* remember to define focus styles! */
    :focus { outline: 0; }
    
    /* remember to highlight inserts somehow! */
    ins { text-decoration: none; }
    del { text-decoration: line-through; }
    
    /* tables still need 'cellspacing="0"' in the markup */
    table { border-collapse: collapse; border-spacing: 0; }
    
    /*------------------------------------------------*/
    /*-----------------[BASIC STYLES]-----------------*/
    /*------------------------------------------------*/
    
    body { line-height: 18px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; color: #232323; background: url(images/body-bg.png); }
    
    a { text-decoration: none; color: #00b7f3; }
    a:hover { text-decoration: underline; }
    .clear { clear: both; }
    .ui-tabs-hide { display: none; }
    br.clear { margin: 0px; padding: 0px; }
    
    h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #3d3d3d; letter-spacing: 0px; line-height: 1em; font-weight: normal; }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; }
    h1 { font-size: 30px; }
    h2 { font-size: 24px; }
    h3 { font-size: 22px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
    p { padding-bottom: 10px; line-height: 2em; }
    strong { font-weight: bold; color: #1c1c1c; }
    cite, em, i { font-style: italic; }
    pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
    ins { text-decoration: none; }
    sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
    sup { bottom: 0.8em; }
    sub { top: 0.3em; }
    dl { margin: 0 0 1.5em 0; }
    dl dt { font-weight: bold; }
    dd  { margin-left: 1.5em;}
    blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
    	blockquote p { padding-bottom: 0px; }
    
    input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
    input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
    input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
    textarea { padding: 4px; }
    
    img#about-image { float: left; margin: 3px 8px 8px 0px; }
    
    .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    * html .clearfix             { zoom: 1; } /* IE6 */
    *:first-child+html .clearfix { zoom: 1; } /* IE7 */
    
    /*------------------------------------------------*/
    /*---------------[MAIN LAYOUT INFO]---------------*/
    /*------------------------------------------------*/
    
    #top-overlay { background: url(images/top-bg.png) repeat-x; position: relative; }
    	#header .container { text-align: center;}
    		.container { text-align: right; margin: 0 auto; width: 960px; position: relative; }
    			#logo { margin-bottom: -35px; margin-top: -15px; }
    			#slogan { font-family: Georgia, serif; font-size: 18px; color: #b4b4b4; font-style: italic; background: url(images/slogan-bg.png) no-repeat bottom center; padding-bottom: 30px;}
    				#slogan span {color: #a5a5a5;}
    	#menu { background: url(images/menu-bg.png) repeat-x; height: 72px; margin-top: 0px; padding-bottom: 5px; }
    
    	#content { background: url(images/content-bg.png) repeat-x bottom left; padding-bottom: 40px;}
    		#main-content {float: left; width: 476px;}
    			.entry { border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; width: 475px; margin: 12px 0 2px 0px; float: left; }
    			.last {margin-right: 0px;}
    				.border {border: 1px solid #fff; padding-top: 4px; background: url(images/border-bg.png) no-repeat top left;}
    				.bottom {padding-bottom: 7px; background: url(images/bottom-bg.png) no-repeat bottom left;}
    				.entry-content {background: url(images/entry-content-bg.png) repeat-y; padding: 23px 12px 7px 19px;}
    					.entry-content h3.title {font-size: 20px; font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif, Times New Roman, Tahoma ; padding-bottom: 10px; text-align: center;}
    						.entry-content h3.title a {color: #3d3d3d; text-decoration: none;}
    						.entry-content h3.title a:hover, .entry-content a.readmore:hover { color:#000000; }
    					.entry-content p.meta-info {color:#9f9f9f; font-family: Georgia, serif; font-style: italic; font-size: 12px; text-align: center; background: url(images/post-info-bg.png) no-repeat 0px 4px; padding-left: 42px; padding-right: 41px; margin-left:-15px; margin-right:-10px;}
    						.entry-content p.meta-info span {color:#96b23e;}
    						.entry-content p.meta-info a {color:#9f9f9f; text-decoration: none;}
    					.entry .thumbnail {float: left; border: 3px solid #f0f0f0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:73px; height:73px; margin-right:8px; position:relative;}
    						.entry .thumbnail span.overlay {background: url(images/entry-span-bg.png) no-repeat;position: absolute; top:0px; left:0px; display: block; width:73px; height:73px; }
    							.entry-content a.readmore {background:url(images/readmore-right.png) no-repeat right bottom; display:block; height:22px; float:left; margin-bottom: 4px; color:#3d3d3d; line-height:22px; font-weight:bold; text-transform: uppercase; padding-right:5px; font-size: 10px; margin-right:5px;}
    								.entry-content a.readmore span {background:url(images/readmore-left.png) no-repeat; display:block; padding:0 3px 0 8px; }
    			#controllers { clear:both; position: relative; margin-top: 48px; padding: 0px 30px; text-align: center; }
    				#controllers span#right-arrow, #controllers span#left-arrow { position:absolute; display:block; height:14px; text-indent:-9999px; width:15px; top: 0px; }
    				#controllers span#left-arrow { background: url(images/left-arrow.png) no-repeat; left: 12px; }
    				#controllers span#right-arrow { background: url(images/right-arrow.png) no-repeat; right: 12px; }	
    
    	.sidebar .block, .entry { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
    
    	#breadcrumbs { font-family: Georgia, serif; font-style: italic; color: #3d3d3d; margin-bottom:22px; text-shadow:1px 1px 0 #FFFFFF; }
    	#breadcrumbs a, span.raquo { color: #9f9f9f; }
    	#breadcrumbs a:hover { color: #3d3d3d; text-decoration: none; }
    
    	#entries { width: 719px; float: left; margin: -12px 10px 0px 0px; }
    	#entries .entry { margin-right: 11px; }
    
    	.entry-full { width: 719px; }
    		.entry-full .bottom { background: url(images/bottom-bg-entryfull.png) no-repeat left bottom; }
    		.entry-full .entry-content { background-image: url(images/entry-content-bg-entryfull.png); }
    		.entry .border { background:url("images/border-bg-entryfull.png") no-repeat; }
    
    	.info-panel { background: #f7f7f7 url(images/infopanel-bg.png) repeat-x; margin: 25px -29px 0 -30px; padding: 30px 30px 25px; }
    		h3.infotitle { font-size: 24px; padding-bottom: 11px; }
    		.info-block { float: left; width: 182px; margin-right: 48px; }
    
    		.info-panel .tags ul li { float:left; }
    			.info-panel .tags ul li a { background: #EFEFEF; color:#6E6E6E; display:block; font-size:11px; margin:0 3px 3px 0; padding:10px 10px 8px; text-shadow:1px 1px 0 #FFFFFF; text-transform:uppercase; }
    			.info-panel .tags ul li a:hover { color: #000000; text-decoration: none; }
    
    	.post ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
    	.post ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
    		.post ul li ul, .post ul li ol { margin: 2px 0px 2px 20px; }
    		.post ol li ul, .post ol li ol  { margin: 2px 0px 2px 35px; }	
    
    	ul.related-posts, .tags ul { list-style:none outside none; margin: 0px; }
    
    	.entry-full .entry-content {padding:50px 33px 20px 33px;}
    	.entry-full .entry-content h1.title { font-size: 36px; padding-bottom: 16px; text-align:center;}
    	.entry-full .entry-content p.meta-info {color:#9f9f9f; font-family: Georgia, serif; font-style: italic; font-size: 18px; text-align: center; background: url(images/full-post-info-bg.png) no-repeat 0px 10px; padding-right: 82px; margin-left:4px; padding-bottom: 30px; }
    	.entry-full .entry-content .thumbnail {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:3px solid #F0F0F0; float:left; height:218px; margin-right:18px; position:relative; width:218px;}
    		.entry-full .entry-content .thumbnail span.overlay {background: url(images/entry-full-span-bg.png) no-repeat;position: absolute; top:0px; left:0px; display: block; width:218px; height:218px; }
    	.entry-full .entry-content p {font-size: 13px;}
    	.slide .meta-info { display: none; }
    	.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-family: Tahoma, Georgia, serif; }
    	h3.infotitle { font-family: 'OFL Sorts Mill Goudy TT',Arial, Georgia, serif; }
    
    	.fullwidth, .fullwidth .entry { width: 960px !important; margin-right: 0px !important; }
    	.fullwidth .entry-full .entry-content p.meta-info { background:url("images/full-post-info-bg.png") no-repeat scroll center 8px transparent; }
    	.fullwidth .entry .border { background:url("images/border-bg-entryfullwidth.png") no-repeat scroll 0 0 transparent; }
    		.fullwidth .entry-full .entry-content { background-image:url("images/entry-content-bg-entryfullwidth.png"); }
    			.fullwidth .entry-full .bottom { background:url("images/bottom-bg-entryfullwidth.png") no-repeat scroll left bottom transparent; }
    
    	.nobottom { padding-bottom: 0px !important; }
    
    	h1.title a { color: #3d3d3d; }
    	h1.title a:hover { color: #000000; text-decoration: none; } 
    
    /*------------------------------------------------*/
    /*---------------[DROPDOWN MENU]------------------*/
    /*------------------------------------------------*/
    
    ul.nav { padding-top: 5px; font-family: Tahoma,Arial, Georgia, serif; float: right; }
    	ul.nav li { margin-left: 7px; }
    		ul.nav a { font-size: 16px; color: #918F8F; text-decoration: none; text-shadow: 1px 1px 0px #fff; padding: 15px 6px 18px; }
    		ul.nav a:hover { color: #000000; text-shadow: 1px 1px 0px #fff; }
    
    	ul.nav ul { width: 189px; background: #f1f0f1; border: 1px solid #ffffff; border-top: none; top: 46px !important; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; padding: 16px 0px 1px; z-index: 9999; display: none; }
    		ul.nav ul li { margin: 0px; padding: 0px 4px 20px 18px; }
    			ul.nav ul li a { background: url(images/dropdown-bullet.png) no-repeat 0px 1px; padding: 0px; width: 155px; }
    
    			ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -16px !important; left: 191px !important; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
    
    	ul.nav > li.current-menu-item, ul.nav > li.current_page_item, ul.nav > li.current-cat { background: url(images/active-link-bg.png) no-repeat top center; }
    		ul.nav > li.current-menu-item > a, ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a { color: #ffffff; font-style: italic; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); background: url(images/left-inner-shadow.png) no-repeat; padding: 15px 12px 18px; } 
    
    /*------------------------------------------------*/
    /*--------------[FEATURED SLIDER]-----------------*/
    /*------------------------------------------------*/
    #featured { position: relative; padding: 7px 8px 0 7px; width: 469px; height: 279px; }
    	#featured-overlay { background: url(images/slider-bg.png) no-repeat; position: absolute; top: 0px;right: 0px; z-index: 20; width: 476px; height: 286px; }
    	#slides { background: #000; }
    		#featured .slide {top: 6px; left:6px; position: absolute; z-index:auto !important; }
    			.slide .description { position:absolute; left: 0; top: 41px; padding-left: 69px; padding-right: 63px; text-align: center; z-index: 21; width:328px; }
    				.slide .description h2 { font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif; font-size: 36px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); padding-bottom: 9px; }
    					.slide .description h2 a {text-decoration: none; color: #fff;}
    				.slide .description p.meta-info {font-family: Georgia, serif; font-size: 15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); color: #fff; font-style: italic; }
    					.slide .description p.meta-info a { text-decoration: none; color: #fff; }
    
    	 #featured a#left-arrow, #featured a#right-arrow {   direction: ltr; display: block; text-indent: 9999px; width: 42px; height: 38px; position: absolute; z-index: 22; top: 125px; }
    		#featured a#left-arrow {right: 0px; }
    		#featured a#right-arrow  { right: 0px; }
    
    /*------------------------------------------------*/
    /*-------------------[COMMENTS]-------------------*/
    /*------------------------------------------------*/
    
    #comment-wrap { margin: 32px 0px 16px; }
    	div.avatar { float:left; padding:4px 1px 6px 4px; position:relative; }
    		div.avatar span.overlay { background:url("images/avatar-overlay.png") no-repeat; display:block; height:79px; position:absolute; left:0; top:0; width:79px; }
    		.comment-wrap { float:left; margin-left:14px; }
    
    		li.depth-1 .comment-wrap { width:559px; }
    		li.depth-2 .comment-wrap { width:467px; }
    		li.depth-3 .comment-wrap { width:375px; }
    		li.depth-4 .comment-wrap { width:283px; }
    
    		.fullwidth li.depth-1 .comment-wrap { width:800px; }
    		.fullwidth li.depth-2 .comment-wrap { width:708px; }
    		.fullwidth li.depth-3 .comment-wrap { width:616px; }
    		.fullwidth li.depth-4 .comment-wrap { width:524px; }
    
    		.reply-container { background:url("images/readmore-right.png") no-repeat right bottom; display:block; float:right; font-size:10px; font-weight:bold; height:22px; line-height:22px; margin-bottom:4px; padding-right:5px; text-transform:uppercase; }
    			.reply-container a { background:url("images/readmore-left.png") no-repeat; display:block; padding:0 3px 0 8px; color:#3D3D3D; }
    			.reply-container a:hover { text-decoration: none; color: #000000; }
    
    	span.fn, span.fn a { color:#3d3d3d; font-size:24px; }
    	span.fn a:hover { color: #000000; text-decoration: none; }
    
    	span.fn, .commentmetadata { font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif; }
    
    	.commentmetadata a { color: #adadad; font-size: 18px; }
    
    	.comment-author { float: left; }
    	.commentmetadata { float: right; }
    
    	.comment-content { clear: both; padding-top: 10px; }
    
    	.comment-body { padding: 15px 0; }
    
    	.commentlist li.comment ul { margin:8px 0 8px 92px; }
    
    	ol.commentlist ul { list-style:none outside none; }
    
    	ol.commentlist .entry-content { padding-top: 10px; padding-bottom: 1px; }
    
    	#respond { padding-top: 25px; }
    		.comment #respond { padding-left: 0px; padding-top: 5px; }
    		#commentform textarea#comment { width: 98%; }
    		#commentform input[type=text] { width: 40%; }
    
    		li.comment #respond textarea { width: 88% !important; }
    		li.comment #respond input[type=text] { width: 50% !important; }
    
    	h3#comments, #reply-title span {font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif; font-size: 36px; padding-bottom: 12px; text-align:center; text-shadow: 1px 1px 0px #fff;}
    	#reply-title span { display: block; }
    
    /*------------------------------------------------*/
    /*---------------------[FOOTER]-------------------*/
    /*------------------------------------------------*/
    
    #footer { background: url(images/footer-bg.png); }
    	#footer-content { background: url(images/footer-top-bg.png) repeat-x; padding-bottom: 12px; }
    		.footer-widget {width: 223px; margin-right: 22px; float: right; padding-top: 35px; padding-bottom: 20px; }
    		#footer-content .last {margin-right: 0px;}
    			.footer-widget h4.widgettitle { padding-bottom:15px; font-size: 24px; color: #3d3d3d; text-shadow: 1px 1px 0px #fff; font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif; }
    				#footer a { color: #3d3d3d; text-shadow: 1px 1px 0px #fff; }
    				#footer a:hover { color: #000; text-decoration: none; }
    			.footer-widget ul { margin-bottom:8px; }
    				.footer-widget ul ul { margin-bottom:0; }
    					.footer-widget ul li { background:url(images/footer-bullet.png) no-repeat scroll right 8px transparent; padding:0px 14px 5px 0; }
    					.footer-widget ul li ul { margin:0 0 -3px; padding:5px 0 0 7px; }
    	p#copyright {float:right; font-size:12px; padding-bottom:20px; color:#3d3d3d;text-shadow: 1px 1px 1px #fdfdfd; clear:both; padding-top: 5px;}
    		p#copyright a {font-weight: bold; color:#3d3d3d;}	
    
    /*------------------------------------------------*/
    /*--------------------[SIDEBAR]-------------------*/
    /*------------------------------------------------*/
    #sidebar-left, #sidebar-right {float: left; width: 231px;}
    #sidebar-left, #main-content { margin-right: 11px; }
    	.block {border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; margin-bottom: 11px;}
    		.block-border {border: 1px solid #fff; background:url("images/block-top-bg.png") repeat-x; padding-top: 4px;}
    			.block-content{border-right: 4px solid #f0f0f0; border-bottom: 4px solid #f0f0f0; border-left: 4px solid #f2f2f2; background-color: #f7f7f7; padding: 25px 11px 0px;}
    				#search-form {background: url(images/search-bg.png) no-repeat; width: 182px; height: 34px; margin: 0px 10px 23px 0px;}
    					input#searchinput { background:none; border: none; font-size: 13px; font-style: italic; color: #aaaaaa; text-shadow: 1px 1px 0px #fff; margin-top:0px; padding-left:12px; width:155px; float: left; position: relative; top: 7px; }
    					input#searchsubmit { float:left; margin-top:9px; }
    
    				.block h4.widgettitle { padding-bottom:10px; font-size: 11px; color: #b1b1b1; text-shadow: 1px 1px 0px #fff; text-transform: uppercase; letter-spacing:0; }
    				.block .widget {font-size: 13px; margin-bottom: 23px;}
    				.block a, span.title a { color: #3d3d3d; text-shadow: 1px 1px 0px #fff;}
    				.block a:hover { color: #000; text-decoration: none; }
    				.widget ul { margin-bottom:15px; }
    					.widget ul ul { margin-bottom:0; }
    					.widget ul li { background:url(images/footer-bullet.png) no-repeat scroll right 8px transparent; padding:0px 11px 5px 0; }
    					#categories-4 ul li {    background: url("images/footer-bullet.png") no-repeat scroll right 8px #F8F8F8; border: 1px solid #DBDBDB; border-radius: 7px 7px 7px 7px; margin-bottom: 5px; padding: 0 11px 5px 0; }
    
    					.widget ul li ul { margin:0 0 -3px; padding:5px 0 0 7px; }
    					.ul-thumb ul li { background:none; padding-left: 0px; }
    						.ul-thumb ul span.box {position:relative; float: left; border: 3px solid #e0e0e0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-right:11px; margin-top:3px; }
    							.ul-thumb ul img {width:40px; height:40px; }
    							.ul-thumb ul span.overlay {background: url(images/ul-span-bg.png) no-repeat; position: absolute; top:0px; left:0px; display: block; width:40px; height:40px; }
    							.ul-thumb p.post-info {color:#c0c0c0; font-size: 11px !important; font-family: Georgia, serif; font-style: italic; text-shadow: 1px 1px 0px #fff; background: none; margin: 0px; padding: 0px; text-align: left;}
    
    			span.box a { display: block; }
    
    			.ul-thumb li { padding-bottom: 6px; }
    
    /*------------------------------------------------*/
    /*------------[CAPTIONS AND ALIGNMENTS]-----------*/
    /*------------------------------------------------*/
    
    div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
    .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
    .wp-caption.alignleft { margin: 0px 10px 10px 0px; }
    .wp-caption.alignright { margin: 0px 0px 10px 10px; }
    .wp-caption img { margin: 0; padding: 0; border: 0 none; }
    .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
    .alignright { float: right; }
    .alignleft { float: left }
    img.alignleft { display:inline; float:left; margin-right:15px; }
    img.alignright { display:inline; float:right; margin-left:15px; }
    
    /*------------------------------------------------*/
    /*---------------[DEFAULT DROPDOWN SETTINGS]---*/
    /*------------------------------------------------*/
    
    .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
    .nav li { float:right; position:relative; }
    .nav a { display:block; float: right; }
    	.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
    	.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
    		.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
    	.nav li:hover ul, .nav li li:hover ul { top: -999em; }
    	.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
    	.nav li ul { width: 191px; z-index:10000; }
    		.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
    		.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
    
    /*------------------------------------------------*/
    /*-----------------[WP CALENDAR]-----------------*/
    /*------------------------------------------------*/
    #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 185px; }
    	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
    		#wp-calendar a:hover { text-decoration: underline; }
    	#wp-calendar caption {	text-decoration: none; font: bold 12px Tahoma,Arial, Sans-Serif; }
    	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
    		#wp-calendar td#today { color: #ffffff; }
    	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
    		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
    		#wp-calendar #next a { padding-right: 10px; text-align: right; }
    		#wp-calendar #prev a { padding-left: 10px; text-align: left; }
    
    /*------------------------------------------------*/
    /*-------------------[PAGE NAVI]------------------*/
    /*------------------------------------------------*/
    .pagination { overflow: hidden; padding: 15px 12px 0px; }
    
    .wp-pagenavi { position: relative; top:-5px; }
    .wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px !important; margin: 2px; text-decoration: none; border:1px solid #E9E9E9 !important; color: #413f36; background-color: #fff; font-weight: normal !important; }
    .wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e9e9e9; color: #413f36; background-color: #fff; }
    .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #000000; border:1px solid #E9E9E9 !important; color: #413f36; background-color: #fff; }
    .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 7px !important; margin: 2px; font-weight: bold; background-color:#7798A6 !important; border:1px solid #618391 !important; color:#FFFFFF !important; }
    
    .wp-pagenavi span.pages, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink { display: none; }
    .wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover, .wp-pagenavi a:link { color: #3d3d3d !important; background: none !important; font-family: 'OFL Sorts Mill Goudy TT', Georgia, serif !important; font-size: 30px !important; border: none !important; font-weight: normal !important; text-shadow: 1px 1px 0px #ffffff !important; padding-top: 0px !important; }
    .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { color: #000000 !important; }
    
    a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }
    
    .js #feat-content, .js div#from-blog div.entries {display: none;} 
    
    .foursixeight { margin: 0px 0px 15px 84px;}
    .et_pt_gallery_entry { margin: 0 0 32px 72px !important; }
    
    #comment-wrap .navigation { padding: 10px 0; }
    	.nav-previous { float: left; }
    	.nav-next { float: right; }
    h3#reply-title small { display: block; }
    	h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }
    
    #commentform input[type=text] { width: 40%; display: block; padding: 5px; }
    #commentform textarea#comment { width: 92%; }
    .commentlist #respond textarea#comment { width: 98% !important; }
    .commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }
    .comment_navigation_bottom { padding: 12px 0; }

    تشکر

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    omid0098
  • Morteza

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۳۴۰۲
    تشکر شده: ۳۱۲۸ بار
    # نوشته شده: ۷ سال پیش
    ۲۶ آبان ۱۳۹۰ - ۱۳:۱۷

    دوست عزیز
    ie6 خیلی وقت هست که از پشتیبانی خود مایکروسافت هم خارج شده.
    هث7 هم بزودی از لیست میره کنار.
    بهتر هست انرژی خودتون رو صرف همسان سازی برای نسخه های پایینتر از 8 نکنید. ارزشی نداره.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    milad200
  • milad200

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۸۵
    تشکر شده: ۳۳۴ بار
    # نوشته شده: ۷ سال پیش
    ۲۶ آبان ۱۳۹۰ - ۱۳:۲۴

    سلام
    اقا مرتضی خسته نباشید
    اما چون این پوسته تقریبا برای یک سایتی هست که بازدید از ie6 داره و تقریبا یک سایت رسمی هست چاره ای نداریم
    اما زیاد نیاز نیست تغییر کنه
    سایدبار سمت راستش رفته سمت چپ پایین
    اسلاید شو و پستهاش هم که باید وسط باشن رفته سمت راست

    سپاسگزار می شویم ما را راهنمایی بفرمایید.
    تشکر

  • Morteza

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۳۴۰۲
    تشکر شده: ۳۱۲۸ بار
    # نوشته شده: ۷ سال پیش
    ۲۶ آبان ۱۳۹۰ - ۱۴:۰۹

    معمولا عدم همسان نشون دادن توی ie6 بیشتر برمیگرده به :
    width , height , padding , margin
    شما اول یک بکآپ از فایل استایل بگیرید بعد فایل استایل رو برای ie6 ردست کنید. در نهایت جاهایی که تغییر کرده رو نگه دارید و باقی رو پاک کنید.
    بعد هم با دستور if ie فایل استایل موردنظر رو آدرس دهی کنید.

  • milad200

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۸۵
    تشکر شده: ۳۳۴ بار
    # نوشته شده: ۷ سال پیش
    ۲۶ آبان ۱۳۹۰ - ۱۹:۱۱

    سلام
    آقا مرتضی واقعا ممنون برای راهنماییتون
    درست شد
    فقط برگه ها رو نمایش نمی ده
    این عکس با فایر فاکس
    این هم با ie6 عکس

    تشکر

  • Morteza

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۳۴۰۲
    تشکر شده: ۳۱۲۸ بار
    # نوشته شده: ۷ سال پیش
    ۲۶ آبان ۱۳۹۰ - ۱۹:۳۸

    علتش عدم پشتیبانی از shadow و gradient در ie6 هست.
    فکر میکنم بخاظر رنگبندی هم باشه.

    اگر از جاوااسکریپت در منو استفاده شده اون رو هم چک کنید.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    milad200
  • milad200

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۸۵
    تشکر شده: ۳۳۴ بار
    # نوشته شده: ۷ سال پیش
    ۲۶ آبان ۱۳۹۰ - ۲۰:۳۶

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

    <?php global $default_colorscheme, $shortname; ?>
    <?php $colorSchemePath = '';
    	  $colorScheme = get_option($shortname . '_color_scheme');
          if ($colorScheme <> $default_colorscheme) $colorSchemePath = strtolower($colorScheme) . '/'; ?>
    <!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" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php elegant_titles(); ?></title>
    <?php elegant_description(); ?>
    <?php elegant_keywords(); ?>
    <?php elegant_canonical(); ?>
    
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css' />
    
    <link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:regular,italic&subset=latin' rel='stylesheet' type='text/css'/>
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    
    <!--[if lt IE 7]>
    	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/ie6style.css" />
    	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/DD_belatedPNG_0.0.8a-min.js"></script>
    	<script type="text/javascript">DD_belatedPNG.fix('img#logo, p#slogan, #menu, #top-overlay, #featured-overlay, span.overlay, .entry-content p.meta-info, #controllers span#right-arrow, #controllers span#left-arrow, #footer-content, #footer');</script>
    <![endif]-->
    <!--[if IE 7]>
    	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/ie7style.css" />
    <![endif]-->
    <!--[if IE 8]>
    	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/ie8style.css" />
    <![endif]-->
    
    <script type="text/javascript">
    	document.documentElement.className = 'js';
    </script>
    <script type="text/javascript" src="http://apis.google.com/js/plusone.js">
    {lang: 'fa'}
    
    </script>
    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    <?php wp_head(); if(is_category()) { ?>
    <style type="text/css">
    	.entry { width: 345px !important; }
    </style>
    <?php
     } ?>
    
    </head>
    <body <?php body_class(); ?>>
    	<div id="top-overlay">
    		<div id="header">
    			<div class="container">
    				<a href="<?php bloginfo('url'); ?>">
    					<?php $logo = (get_option('magnificent_logo') <> '') ? get_option('magnificent_logo') : get_bloginfo('template_directory').'/images/'.$colorSchemePath.'logo.png'; ?>
    					<img src="<?php echo esc_url($logo); ?>" alt="Magnificent Logo" id="logo"/>
    				</a>
    				<p id="slogan"><?php echo html_entity_decode( get_option('magnificent_quote') ); ?></p>
    			</div> <!-- end .container -->
    		</div> <!-- end #header -->
    
    		<div id="menu">
    			<div class="container clearfix">
    				<?php $menuClass = 'nav';
    					$menuID = 'primary';
    					$primaryNav = '';
    					if (function_exists('wp_nav_menu')) {
    						$primaryNav = wp_nav_menu( array( 'theme_location' => 'primary-menu', 'container' => '', 'fallback_cb' => '', 'menu_class' => $menuClass, 'menu_id' => $menuID, 'echo' => false ) );
    					};
    					if ($primaryNav == '') { ?>
    						<ul id="<?php echo $menuID; ?>" class="<?php echo $menuClass; ?>">
    							<?php if (get_option('magnificent_home_link') == 'on') { ?>
    								<li <?php if (is_home()) echo('class="current_page_item"') ?>><a href="<?php bloginfo('url'); ?>"><?php esc_html_e('Home','Magnificent') ?></a></li>
    							<?php }; ?>
    
    							<?php show_page_menu($menuClass,false,false); ?>
    
    							<?php show_categories_menu($menuClass,false); ?>
    						</ul> <!-- end ul#nav -->
    					<?php }
    					else echo($primaryNav); ?>
    			</div> <!-- end .container -->
    		</div> <!-- end #menu -->
    		<div id="content">
    			<div class="container clearfix">

    تشکر

  • Morteza

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۳۴۰۲
    تشکر شده: ۳۱۲۸ بار
    # نوشته شده: ۷ سال پیش
    ۲۶ آبان ۱۳۹۰ - ۲۳:۴۴

    توی کد که مشکلی دیده نمیشه.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    milad200
  • milad200

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۸۵
    تشکر شده: ۳۳۴ بار
    # نوشته شده: ۷ سال پیش
    ۱۹ آذر ۱۳۹۰ - ۰۰:۴۴

    سلام
    خسته نباشید
    ببخشید ما می خواهیم این خط استایل در فایرفاکس float: left و در اینترنت اکسپلورر right باشه
    .entry { border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; width: 475px; margin: 12px 0 2px 0px; float: left; }

    لطف می فرمایید ما رو راهنمایی کنید مشکل ما با اینترنت اکسپلورر همین خط هست
    تشکر

  • Morteza

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۳۴۰۲
    تشکر شده: ۳۱۲۸ بار
    # نوشته شده: ۷ سال پیش
    ۱۹ آذر ۱۳۹۰ - ۱۲:۲۵

    باید یک فایل مثلا به نام ie.css بسازید.
    المان رو در این فایل float:right کنید و بعد هم با دستور if ie این فایل رو بعد از فایل اصلی استایل فراخوانی کنید

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    milad200
  • milad200

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۸۵
    تشکر شده: ۳۳۴ بار
    # نوشته شده: ۷ سال پیش
    ۱۹ آذر ۱۳۹۰ - ۲۰:۱۸

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

  • milad200

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۸۵
    تشکر شده: ۳۳۴ بار
    # نوشته شده: ۷ سال پیش
    ۲۱ آذر ۱۳۹۰ - ۰۰:۲۲

    سلام
    دوستان اگر زحمت می شود
    یک توضیحی درباره قرار دادن این فراخوانی و ایجاد استایل جدید شاید بتوانیم خودمان انجام دهیم

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

  • nasour

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۰۸
    تشکر شده: ۱۳۳ بار
    # نوشته شده: ۷ سال پیش
    ۲۱ آذر ۱۳۹۰ - ۰۰:۴۸

    milad200 گفت:
    سلام
    دوستان اگر زحمت می شود
    یک توضیحی درباره قرار دادن این فراخوانی و ایجاد استایل جدید شاید بتوانیم خودمان انجام دهیم

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

    دوست عزیز برای فراخوانی استایل جدید برای نسخه های قدیمی اینترنت اکسپلورر کد زیر را بعد از کد فراخوانی استایل اصلی قرار دهید

    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

    مسیر آدرس فایل را بدقت وارد کنید

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Morteza - milad200 - NESTED
  • milad200

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۸۵
    تشکر شده: ۳۳۴ بار
    # نوشته شده: ۷ سال پیش
    ۲۱ آذر ۱۳۹۰ - ۲۱:۱۵

    سلام
    سپاس برای راهنمایی

    یعنی ما یک فایل استایل به نام style.ie6.css درست کنیم و خطی را که مشکلمون هست در اون قرار بدیم

    بعد جلوی همون خط در استایل اصلی یکی از کدهایی که لطف کردید رو بذاریم؟ و در این کد نام استایل جدید را در قسمت href قرار بدهیم؟

    اگر نکته ای دیگر هم هست لطف بفرمایید سپاسگزار می شویم
    اگر بفرمایید چه کدی قرار دهیم که هم شامل ie7 و ie6 بشود ممنون می شیم
    قبلا توی نت دیده بودیم که یک کد فراخوانی بود که ie7 و 6 را باهم شامل می شد
    برای دوستان طراح جسارت نباشد فکر کنم این لینک مطلب مفیدی باشد
    saleh.soozanchi.ir/1389/06/16/how-to-use-css3-in-internet-explorer
    تشکر

  • nasour

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۰۸
    تشکر شده: ۱۳۳ بار
    # نوشته شده: ۷ سال پیش
    ۲۱ آذر ۱۳۹۰ - ۲۳:۲۸

    چون خصوصیات اکسپلورر 6 و 7 با هم فرق می کند توصیه میکنم دو استایل جدا بنویسید و با دستوری که در بالا نوشنم فراخوانی کنید.
    اگر نه می توانید تنها یک فایل ie.css بنویسید و با یک خط دستور فراخوانی اش کنید.
    بابت لینک هم ممنون.
    ولی با تمام آموزشهایی که وجود دارد بدلیل گنگ بودن ie ورژن های پایین، ست کردن قالب با آن نیاز به نجربه و خطای گاها زیاد دارد
    موفق باشی دوستم

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Morteza

درباره‌ی این موضوع