Lista hack per IE

[joomlapixel]

Piccola serie di link utili alla risoluzione di problemi di visualizzazione dei template con IE,invito ovviamente tutti a creare un elenco di risorse purtroppo indispensabile.
http://www.maratz.com/blog/archives/2005/06/16/essentials-of-css-hacking-for-internet-explorer/
http://cavemonkey50.com/2005/12/the-ultimate-ie-hack-guide/
fd

[napo]

Ottimo come sempre!

[Skeciaj]

Ciao, mi aiuteresti rendere compatibile con IE il template di amici-ff_ge_portal - di questo sito www.libertaedemocrazia.it ,

Grazie
Skeciaj

[Skeciaj]

Ciao, mi aiuteresti rendere compatibile con IE il template di amici-ff_ge_portal - di questo sito www.libertaedemocrazia.it ,

Grazie
Skeciaj


Non conosco l'inglese e chiedo gentilmente se c'è una guida in italiano oppure,se qualcuno mi può indicare quali righe e dove  aggiungerle.
di nuovo grazie

[Skeciaj]

Chiedo scusa se sono un rompi scatole, ma devo poter comunicare delle situazioni importanti,vedi :
http://beppegrillo.meetup.com/8/boards/view/viewthread?thread=2727820
e la non compatibilità con IE mi crea problemi

di nuovo grazie
Giuseppe
allego css
------------
IMG {border: 0;}

body {
   margin: 0 0 0 0;
   background-image: url(../images/top_bg.jpg);
   background-repeat: repeat-x;
   }
   
div.clear {
   clear: both;
   }
   
#main {
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 14px;
   min-width: 1200px;
   }

#orange {
   height: 5px;
   background-color: #F9843E;
   border: 1px solid #E75A08;
   }

#logo {
   border: 1px solid #DBDBDB;
   margin-top: 2px;
   }

#search {
   margin-top: 10px;
   height: 20px;
   }

#modules_l {
   margin-top: 8px;
   border: 1px solid #DBDBDB;
   padding: 1px;
   text-align: left;
   }

#modules_r {
   background-color: #FFFFFF;   
   margin-left: 5px;
   border: 1px solid #DBDBDB;
   padding: 1px;
   text-align: left;
   }

#header {
   margin-left: 5px;
   height: 218px;
   border: 1px solid #DBDBDB;
   padding: 1px;
   }

#firefox {
   height: 33px;
   padding-right: 1px;
   background-image: url(../images/ffb_bg.jpg);
   background-repeat: repeat-x;
   text-align: right;
   border-bottom: 1px solid #DBDBDB;
   border-top: 1px solid #FFFFFF;
   }

#ff_text {
   line-height: 31px;
   float: right;
   width: 400px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #999999;
   text-align: right;
   }

#ff_button {
   width: 92px;
   float: right;
   }

#topmenu {
   background-image: url(../images/topmenu_bg.jpg);
   background-repeat: repeat-x;
   height: 32px;
   border-top: 1px solid #FFFFFF;
   text-align: right;
   }

#flashnews {
   background-image: url(../images/clouds.jpg);
   background-repeat: no-repeat;
   height: 150px;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   }

#scater {
   width: 200px;
   float: left;
   vertical-align: top;
   }

#news {
   text-align: left;
   padding-top: 10px;
   padding-right: 5px;
   width: 60%;
   float: right;
   }

#green {
   margin-left: 5px;
   margin-top: 2px;
   margin-bottom: 3px;
   border: 1px solid #6DA05B;
   }

#usermods {
   margin-left: 5px;
   text-align: left;
   }

#user1 {
   width: 49%;
   float: left;
   border: 1px solid #DBDBDB;
   padding: 1px;
   }

#user2 {
   width: 49%;
   float: right;
   border: 1px solid #DBDBDB;
   padding: 1px;
   }

#mainbody {
   margin-left: 5px;
   text-align: left;
   }

#bottom {
   margin-left: 5px;
   text-align: center;
   }

#blue {
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 2px;
   border: 1px solid #348AD3;
   }

#copyright {
   margin-left: 10px;
   margin-right: 10px;
   text-align: center;
   padding-top: 3px;
   padding-bottom: 15px;
   font-size: 10px;
   color: #999999;
   }

td,tr,p,div {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   }

h4 {
   }

h5 {
   }

h6 {
   }

a:link, a:visited {
   color: #E75A08;
   text-decoration: none;
   }

a:hover {
   color: #C64F06;
   }
   
ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
   }

li {
   background-image: url(../images/list.gif);
   background-position: 0px 4px;
   background-repeat: no-repeat;
   padding-left: 24px;
   }

hr {
   width: 100%;
   }

.small {
   font-size: 10px;
   font-weight: bold;
   color: #999999;
   }

.smalldark {
   font-size: 10px;
   font-weight: bold;
   color: #333333;
   }

.searchbutton {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #004A88;
   background-image: url(../images/button_bg.jpg);
   background-repeat: repeat-x;
   border: 1px solid #DBDBDB;
   width: 30px;
   }

.searchbox {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #004A88;
   background-color: #FFFFFF;
   border: 1px solid #DBDBDB;
   width: 130px;
   padding-left: 2px;
   }

.button {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #004A88;
   background-image: url(../images/button_bg.jpg);
   background-repeat: repeat-x;
   border: 1px solid #DBDBDB;
   }
   
.inputbox {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #004A88;
   background-color: #FFFFFF;
   border: 1px solid #DBDBDB;
   }

.back_button {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: center;
   font-weight: bold;
   padding: 5px;
   border: 1px solid #DBDBDB;
   margin-top: 10px;
   margin-bottom: 3px;
   }

a.mainlevel:link, a.mainlevel:visited {
   display: block;
   line-height: 18px;
   background-image: url(../images/menu_bg.gif);
   background-position: 0px 6px;
   background-repeat: no-repeat;
   padding-left: 24px;
   border-bottom: 1px solid #DBDBDB;
   color: #333333;
   font-weight: bold;
   }

a.mainlevel:hover {
   color: #E75A08;
   }
   
a.sublevel:link, a.sublevel:visited {
   line-height: 16px;
   font-size: 10px;
   font-weight: bold;
   color: #005399;
   padding-left: 2px;
   }

a.sublevel:hover {
   color: #E75A08;
   }
   
ul#mainlevel-nav {
   list-style: none;
   padding: 0;
   margin: 0;
   }

ul#mainlevel-nav li {
   display: block;
   background-image: none;
   float: right;
   text-align: center;
   font-weight: bold;
   margin: 0;
   padding: 0;
   width: auto !important;
   font-size: 11px;
   text-transform: uppercase;
   line-height: 32px;
   white-space: nowrap;
   border-left: 1px solid #DBDBDB;
   }

ul#mainlevel-nav a:link, ul#mainlevel-nav a:visited {
   padding-left: 15px;
   padding-right: 15px;
   color: #FFFFFF;
   text-decoration: none;
   }

ul#mainlevel-nav a:hover {
   background-image: url(../images/topmenu_bga.jpg);
   background-repeat: repeat-x;
   display: block;
   padding-left: 15px;
   padding-right: 15px;
   margin: 0px;
   width: auto !important;
   font-size: 11px;
   text-transform: uppercase;
   line-height: 32px;
   white-space: nowrap;
   }
 
.createdate {
   font-size: 10px;
   font-weight: bold;
   color: #999999;
   }
   
.modifydate {
   font-size: 10px;
   color: #999999;
   }

.readon {
   background-image: url(../images/readon.gif);
   background-position: 0px 4px;
   background-repeat: no-repeat;
   padding-left: 14px;
   font-weight: bold;
   float: right;
   }

a.readon:hover {
   color: #005399;
   }

.contentpaneopen {
   width: 100%;
   }

.contentheading {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #000000;
   line-height: 30px;
   border-bottom: 1px solid #D6D6D6;
   }

a.contentpagetitle:link, a.contentpagetitle:visited {
   color: #000000;
   }
   
a.contentpagetitle:hover {
   color: #333333;
   }

.contentdescription {
   font-size: 10px;
   color: #999999;
   }

table.contenttoc {
   margin-left: 4px;
   border: 1px solid #DBDBDB;
   padding: 1px;
   }

table.contenttoc td {
   line-height: 18px;
   border-top: 1px solid #DBDBDB;
   }

table.contenttoc th {
   background-image: url(../images/button_bg.jpg);
   background-repeat: repeat-x;
   line-height: 18px;
   }

.sectiontableheader {
   background-image: url(../images/button_bg.jpg);
   background-repeat: repeat-x;
   border-top: 1px solid #DBDBDB;
   padding: 2px;
   font-weight: bold;
   }

.sectiontableentry1 {
   background-color: #F1F1F1;
   padding: 2px;
   }

.sectiontableentry2 {
   background-color: #F9F9F9;
   padding: 2px;
   }

.category {
   font-weight: bold;
   }

.componentheading {
   background-image: url(../images/ffb_bg.jpg);
   background-repeat: repeat-x;
   border: 1px solid #DBDBDB;
   padding: 2px;
   text-align: center;
   color: #8BB680;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   margin-bottom: 4px;
   margin-top: 4px;
   }

table.moduletable {
   width: 100%;
   padding-bottom: 6px;
   }

table.moduletable th {
   background-image: url(../images/mod_bg.jpg);
   background-repeat: no-repeat;
   font-weight: bold;
   text-transform: uppercase;
   text-align: left;
   color: #6DA05B;
   padding-left: 24px;
   line-height: 24px;
   padding-bottom: 2px;
   }

table.moduletable td {
   font-weight: normal;
   color: #333333;
   }

.pollstableborder {
   border: 1px solid #DBDBDB;
   }


.highlight {
   color: #6DA05B;
   }

fieldset {
   overflow: auto;
   border: none;
   padding-bottom: 10px;
   }

.mosimage_caption {
   color: #999999;
   font-size: 10px;
   }

[joomlapixel]

Cambia template
riuscire a correggere tutti gli errori di quello porterebbe via troppo tempo.
fd

[Skeciaj]

Ciao e Grazie,
dove posso trovare template compatibili IE,o devo controllare che nell cartella css vi sia anche il foglio indicato ...
io li ho sempre presi da http://www.joomlaos.de/
di nuovo
Grazie

[joomlapixel]

In realtà lo schema del tuo template è abbastanza semplice.....
se non vuoi ricorrere a template commerciali puoi percorrere un altra strada,abbiamo dei buoni tutorial su joomla.it.
Scegli un bel template tableless e fai una conversione,se hai bisogno di aiuto nell'operazione posta e noi risponderemo
fd
p.s
mi spiace ho guardato quella struttura in IE e davvero l'impressione è stata pessima.

[Skeciaj]

Ciao,
Scegli un bel template tableless ..... lo sono quasi tutti sia quelli su joomla.it che joomlaos.de ?
scusa la domanda stupida
come riconoscerli?

e fai una conversione...?? Help

[Skeciaj]

Salve a tutti, gentilmente avreste dei template tableless  da consigliarmi compatibili con IE.
mi scuso,ma non è per pigrizia che non mi impegno,attualmente sono impegnato in una iniziativa che mi auguro vada a buon fine con i meeup e gi amici di Grillo(vedi post sotto)
di nuovo Grazie
Skeciaj

[Skeciaj]

Sempre io, questo mi dice di essere compatibile con IE,
ma da lo stesso dei piccoli errori, il thema è :nf_vulcanus
che allego,
grazie
Skeciaj


[allegato eliminato da un amministratore]

[joomlapixel]

Capisco che non sia facile alle volte seguirmi,il fatto è che non si può riuscire in cose complesse se non si ha un minimo di padronanza in alcuni settori.
Ascolta,per quel che riguarda la conversione di un template (qualsiasi template sia esso fatto con tabelle che "tableless" cioè senza l'uso di tabelle) puoi seguire il videotutorial presente in questo sito,oppure i manuali di andrea e carloernesto.
Altro consiglio
se invece opti per un template già pronto assicurati che esso sia esente da difetti su almeno 3 browser,firefox -IE6, IE7 (dovremmo citare anche gli altri browser lo sò..........)una volta trovato uno soddisfacente questo requisito,fai le tue modifiche.
Si preferiscono i template tableless per tanti ovvi motivi,ma io ne considero sempre uno in testa a tutti,la versatilità,cosa che difficilmente puoi avere con un template in tabelle.
fd

[Skeciaj]

Ciao, Ho notato una cosa strana per mascherare l'indirizzo completo del link l'index è un frame redirect, ora se io accedo dal www.libertaedemocrazia.it il sito si vede malissimo, se invece uso l'indirizzo reale cioè : www.libertaedemocrazia.it/homej  va tutto OK.
Come Mai ?
------------------
L'errore è forse quì?
Grazie
Skeciaj

[Skeciaj]

Ciao francodanese, ti vorrei ringrazziar eper i consigli dati,utili come sempre;
ho trovato il problema e la soluzione con una redirect, evidentemente la index con le frame per nascondere l'indirizzo mandava in tilt IE
Grazie
skeciaj

[paccefierr]

Salve ragazzi io ho il templare di rockettheme il vortex che non mi va su IE su FF tutto a meraviglia ma su IE non vi vede nulla , ho controllato anhce i file css di IE 6 IE7 e ci sono come mai???  come posso risolvere??

[ilpuffo]

Salve ragazzi io ho il templare di rockettheme il vortex che non mi va su IE su FF tutto a meraviglia ma su IE non vi vede nulla , ho controllato anhce i file css di IE 6 IE7 e ci sono come mai???  come posso risolvere??

si ankio ho lo stesso problema,me lo fa con tutti i template rocket.....da cosa puo dipendere?

[rospo1985]

ciao!
sul link che hai inserito ho trovato il modo di far scegliere a explorer un altro css, e ho letto la stessa cosa anche qui
http://www.giorgiotave.it/wikigt/os/CSS#Browser_e_CSS
solo che se lo inserisco nel mio header
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
< !-- [if IE]>
   <link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/ie.css" type="text/css" />
< ![endif] -->
sia firefox che explorer visualizzano la scritta < !-- [if IE]>  < ![endif] --> in altro prima del resto del sito e basta, non cambiano css (cambierebbe il colore di sfondo, x vedere se funziona!)
come mai questa cosa? dove ho sbagliato?

[tiè]

lo spazio non va: <! e non < !
credo che sia questo
ciao

[rospo1985]

ottimo!
grazie mille