Segui skydiamond.org anche su Twitter
 
You are here: Sky ForumWebSviluppo webCssIEx fixes
: [1]
IEx fixes
IEx fixes
« : June 02, 2008, 11:03:25 am »

Se volete vedere un sito allo stesso modo su più browser dovrete creare dei CSS con i fix appositi per quel browser. Volete un esempio pratico? http://wiki.monticello.org/mediawiki/skins/tjwiki/

Troverete:
  • IE50Fixes.css              23-Mar-2007 09:48  1.4K 
  • IE55Fixes.css              23-Mar-2007 09:48  1.8K 
  • IE60Fixes.css              23-Mar-2007 09:48  1.0K 
  • IE70Fixes.css              23-Mar-2007 09:48  1.4K 
  • IEMacFixes.css             23-Mar-2007 09:48  922   
  • KHTMLFixes.css             23-Mar-2007 09:48  107   
  • Opera6Fixes.css            23-Mar-2007 09:48  267   
  • Opera7Fixes.css            23-Mar-2007 09:48  215   

Nella pagina poi fa tutto il javascript:
Code: (javascript) [Select]
3 var clientPC = navigator.userAgent.toLowerCase(); // Get client info
4 var is_gecko = ((clientPC.indexOf('gecko')!=-1) && (clientPC.indexOf('spoofer')==-1)
5 && (clientPC.indexOf('khtml') == -1) && (clientPC.indexOf('netscape/7.0')==-1));
6 var is_safari = ((clientPC.indexOf('applewebkit')!=-1) && (clientPC.indexOf('spoofer')==-1));
7 var is_khtml = (navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled ));
8 // For accesskeys
9 var is_ff2_win = (clientPC.indexOf('firefox/2')!=-1 || clientPC.indexOf('minefield/3')!=-1) && clientPC.indexOf('windows')!=-1;
10 var is_ff2_x11 = (clientPC.indexOf('firefox/2')!=-1 || clientPC.indexOf('minefield/3')!=-1) && clientPC.indexOf('x11')!=-1;
11 if (clientPC.indexOf('opera') != -1) {
12 var is_opera = true;
13 var is_opera_preseven = (window.opera && !document.childNodes);
14 var is_opera_seven = (window.opera && document.childNodes);
15 }
16
17 // Global external objects used by this script.
18 /*extern ta, stylepath, skin */


40 // document.write special stylesheet links
41 if (typeof stylepath != 'undefined' && typeof skin != 'undefined') {
42  if (is_opera_preseven) {
43 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera6Fixes.css">');
44 } else if (is_opera_seven) {
45 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera7Fixes.css">');
46 } else if (is_khtml) {
47 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/KHTMLFixes.css">');

« : June 02, 2008, 11:09:15 am skydiamond »
  • Aldo
  • user
  • *
  • Offline Offline
  • : 80
  •  
Re: IEx fixes
« #1 : June 02, 2008, 11:08:50 am »

Non sempre è necessario fare una tale opera... nel caso di css più semplici, senza troppi blocchi, spesso e volentieri i fix si riducono a poche righe messe inline direttamente in un unico css.

Astrac - www.astrac.org
Re: IEx fixes
« #2 : June 02, 2008, 11:11:00 am »

Ho trovato questo:

Code: (javascript) [Select]
<style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "/w/skins/tjwiki/tjwiki_main.css?42b"; /*]]>*/</style>
2 <link rel="stylesheet" type="text/css" media="print" href="/w/skins/common/commonPrint.css?42b" />
3 <link rel="stylesheet" type="text/css" media="handheld" href="/w/skins/sgumax/handheld.css?42b" />
4 <!--[if lt IE 5.5000]><style type="text/css">@import "/w/skins/sgumax/IE50Fixes.css?42b";</style><![endif]-->
5 <!--[if IE 5.5000]><style type="text/css">@import "/w/skins/sgumax/IE55Fixes.css?42b";</style><![endif]-->
6 <!--[if IE 6]><style type="text/css">@import "/w/skins/sgumax/IE60Fixes.css?42b";</style><![endif]-->
7 <!--[if IE 7]><style type="text/css">@import "/w/skins/sgumax/IE70Fixes.css?42b";</style><![endif]-->
8 <!--[if lt IE 7]><script type="text/javascript" src="/w/skins/common/IEFixes.js?42b"></script>
9 <meta http-equiv="imagetoolbar" content="no" /><![endif]-->

Il fix per IE7 ad esempio:

Code: (css) [Select]
/*
** 7.0 - only fixes
** content area
** workaround for various ie float bugs
*/
/*
** This bit is needed to make links clickable
*/
    #column-content #content {
        margin-left: 12.2em;
        margin-top: 3em;
        height: 1%;
    }
    .rtl #column-one {
        padding-top: 0;
    }
    .rtl #column-one #p-navigation {
        margin-top: 160px;
    }

/*
** fix wrap in IE
*/
    #content, pre {
        word-wrap: break-word;  /* need for IE */
        }

/*
** the tabs
*/
    #p-cactions {
        z-index: 3;
    }
    #p-cactions li {
        padding-bottom: 0 !important;
        border: none;
        background-color: transparent;
        cursor: default;
        float: none !important;
    }
    #p-cactions li a {
        display: inline-block !important;
        vertical-align: top;
        padding-bottom: 0;
        border: solid #aaa;
        border-width: 1px 1px 0;
    }
    #p-cactions li.selected a {
        border-color: #fabd23;
        padding-bottom: 0.17em;
    }
    #p-cactions li a:hover {
        padding-bottom: 0.17em;
    }
    #p-navigation a {
        display: inline-block;
        width: 100%;
    }
    #portal-personaltools {
        padding-bottom: 0.1em;
    }
    textarea {
        width: 96%;
    }
    #footer li {
        margin-right: 0; /* Work around bug with inline <li> tags with right margins and nowrap */
    }
/*
** The end
*/

Non sempre è necessario fare una tale opera... nel caso di css più semplici, senza troppi blocchi, spesso e volentieri i fix si riducono a poche righe messe inline direttamente in un unico css.
Si però sto cercando di capire se e come si può sistemare al volo con un css apposito per IE. Ho visto che si può definire nell'head della pagina un blocco di if che mi consenta di importare un fix da aggiungere al mio CSS e poi di procedere con i cambiamenti in quello e con le direttive CSS !important.
« : June 02, 2008, 11:14:02 am skydiamond »
Re: IEx fixes
« #3 : June 13, 2008, 12:35:24 am »

Forse dovrei provare anche questo per la validazione e la "formattazione" dei CSS: http://www.blumentals.net/csstool/
  • Pippopeppe
  • Worker
  • user
  • *
  • Offline Offline
  • : 65
  • [Close The World - txeN ehT nepO]
  •  
Re: IEx fixes
« #4 : June 17, 2008, 10:48:20 am »

Vedo che è solo per Winzozz, se ti fa la correzione  per IE è buono.

[Close The World - txeN ehT nepO]
Re: IEx fixes
« #5 : October 03, 2008, 11:23:04 pm »

Per lo sviluppo e il testing delle applicazioni web sulle molteplici versioni di IE: http://tredosoft.com/Multiple_IE
: [1]
You are here: Sky ForumWebSviluppo webCssIEx fixes
: