Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : AndreaNobili 05 Oct 2009, 13:26:46
-
Ciao,
stò letteralmente impazzendo, è da ieri che leggo guide e manuali ma non ne riesco proprio ad uscire.
Questo è il mio sito con il template che stò tentando di sviluppare: http://www.siatec.net/andrea/andreanobiliphoto/
Se lo si apre in Firefox non ci sono problemi ma...se lo si apre in Explorer i contenuti della colonna di destra (che contiene le elaborazioni dei moduli) non vengono visualizzati a destra ma SOTTO il template.
Per fare un esempio basta aprire la pagina relativa ad una galleria (in homepage ancora non c'è nulla): http://www.siatec.net/andrea/andreanobiliphoto/index.php?option=com_phocagallery&view=category&id=3:liguria&Itemid=2
Se la si apre con Firefox la visualizzazione è corretta, ma se l'aprite con Explorer vedete che l'output della galleria non è messo a destra del menu ma viene messo sotto a tutto.
Questo problema lo dà con qualsiasi contenuto della colonna destra (anche con la visualizzazione degli articoli preinstallati di Joomla...ho provato in locale...stesso identico problema)...quindi ne deduco che al 99,9% si tratti di un problema di CSS...mi sono messo a leggere guide e libri ma non ne riesco proprio ad uscire...non mi spiego perchè su Explorer si comporti così...
Per favore mi date una mano a capire come risolvere questo strano comportamento?
Il codice HTML è:
<?php defined( "_JEXEC" ) or die( "Restricted access" );?>
<jdoc:comment></jdoc:comment>
<!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" xml:lang="{LANG_TAG}" lang="{LANG_TAG}" dir="{LANG_DIR}" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/AndreaNobiliPhotoTheme/css/template.css" type="text/css" />
<link rel="stylesheet" href="templates/AndreaNobiliPhotoTheme/css/contenuti.css" type="text/css" />
</head>
</head>
<body>
<div align="center">
<div id="container">
<div id="contenitore_bordi">
<div id="header"></div>
<div id="menu">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<div class="bloccoleft"> <!-- Inserisce il blocco left -->
<jdoc:include type="modules" name="left" style="table" />
</div>
<div class="middle"> <!-- Inserisce il blocco centrale dei componenti -->
<jdoc:include type="component" />
</div>
<div id="clear"></div> <!-- Setta impostazioni ottimale -->
<div id="footer">
<jdoc:include type="modules" name="footer" />
</div>
</div>
</div>
</div>
</body>
</html>
Mentre il CSS del file template.css che definisce la struttura del layout è:
body{
margin: 0;
padding: 0;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
font-size: 80%;
color: #000;
background-color: #dedede;
line-height: 180%;
}
#container{
margin: 0 auto;
height: auto;
width: 770px;
background: #fff url(../images/container.png) left top repeat-y;
}
#contenitore_bordi{
margin: 0 auto;
width: 760px;
border: 1px solid #000;
border-bottom: 1px solid #000;
}
#header{
margin: 0 auto;
width: 760px;
height: 283px;
border-bottom: 1px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #8a9bac;
color: #000;
}
#menu{
margin: 0 auto;
width: 760px;
background: #41545F;
border-bottom: 1px solid #000;
color: #fff;
}
.bloccoleft {
float: left;
width : 160px;
height : 100%;
margin-top : 5;
background : #fff;
}
.middle {
width: 600px;
}
#clear {
display: block;
clear: both;
width: 100%;
height:1px;
overflow:hidden;
}
#footer{
margin: 0 auto;
width: 760px;
background: #41545F;
text-align: center;
clear : both;
bottom:0;
color: #fff;
border-top: 1px;
border-bottom: 1px;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
padding: 0;
}
Per favore ditemi che è risolvibile se no mi impicco :-(
Grazie
Andrea
-
ciao ti ho gia risposto nel post precedente , se non sistemi il css avrai sempre la lunghezza del template bloccata .
guarda il tuo sito come dovrebbe essere ho modificato il css io da qui sul tuo sito
(http://img511.imageshack.us/img511/712/andreanobiliphoto.th.png) (http://img511.imageshack.us/i/andreanobiliphoto.png/)
devi lavorare sui css altrimenti non ne vieni fuori
installa firegug se usi firefox
-
ciao ti ho gia risposto nel post precedente , se non sistemi il css avrai sempre la lunghezza del template bloccata .
guarda il tuo sito come dovrebbe essere ho modificato il css io da qui sul tuo sito
(http://img511.imageshack.us/img511/712/andreanobiliphoto.th.png) (http://img511.imageshack.us/i/andreanobiliphoto.png/)
devi lavorare sui css altrimenti non ne vieni fuori
installa firegug se usi firefox
Scusami ma temo di non capire esattamente cosa intendi...a me sembra che su Firefox mi si veda bene...il problema è vederlo bene anche su Explorer...
Forse mi sbaglio però e non ho capito bene cosa intendevi neanche nell'altro post...
Il fatto è che non capisco cosa debba sistemare nel CSS (sono ore che ci sbatto la testa)...
Solo ora ho notato che nell'immagine che tu hai postato il menu sinistro effettivamente arriva fino in fondo...cosa hai cambiato? Può entrarci qualcosa con il mio problema su Explorer? Mi potresti dire il codice da cambiare per favore?
Grazie mille
Andrea
-
prima era tutto sballato come nel primo post che avevi postato .
-
Scusami...ora vado anche a rileggere il vecchio post e la tua risposta là...
Però non capisco cosa i stai dicendo...intendi dire che il mio template (postato quì) è totalmente sbagliato?
Mi potresti dire come sistemare questa cosa?
Grazie
Andrea
-
guarda ora il tuo sito si vevde in questa maniera con firefox
xche a volte e giusto e a volte sballa?
ora si vede cosi
(http://img27.imageshack.us/img27/712/andreanobiliphoto.th.png) (http://img27.imageshack.us/i/andreanobiliphoto.png/)
ho stai lavorando sul css ho non mi spigo il perche.
-
Si...ora ho tolto quell'height: 100% dal CSS ed ho riuplodato il file...ora quel problema dovrebbe essere corretto...
Però se provi ad aprire il sito su Explorer l'altro problema persiste...
Non riesco a risolvere con Explorer e non capisco da cosa possa dipendere...a te come si vede su Explorer? ti mette sotto i contenuti che dovrebbero essere nella colonna destra?
Grazie
Andrea
-
ora si vede giusto
solo che vedere il comportamento del template in ie dovrei avere tutto il template xche cosi non posso agire e vedere il comportamento in ie posta lo zip di tutto il template che lo carico in locale e vedo se risolvo in ie.
-
ora si vede giusto
solo che vedere il comportamento del template in ie dovrei avere tutto il template xche cosi non posso agire e vedere il comportamento in ie posta lo zip di tutto il template che lo carico in locale e vedo se risolvo in ie.
Grazie, sei veramente molto gentile :)
Il file zip contenente il template lo puoi scaricare quì: www.siatec.net/andrea/AndreaNobiliPhotoTheme.zip
Se riuscissi a capire cos'è che non funziona con Explorer te ne sarò eternamente grato hehe ;)
Grazie
Andrea
-
Ciao AndreaNobili e conti1,
piu' di una volta ho avuto questo problema e dipende dal fatto che IE ha tanti buchi che non si sa proprio da dove inziare ad elencarli.
Per esempio: su molti template in circolazione la versione 6.0 di IE ha dei problemi in visualizzazione proprio della colonna dx del template, che viene messa sotto tutto il testo.
Ma se usi un IE diverso (p.e. la versione 7.0) molto probabilmente questi problemi spariranno (ma non è detto).
Invece su Firefox va sempre tutto bene.
Quindi: hai un versione + recente di IE ?
Fai la prova.
Il problema nasce da come IE gestisce il monitor.
Per mia esperienza (che vale evidentemente con i template che io nel tempo ho utilizzato) si deve andare ad agire proprio sul CSS del template, andando a diminuire le dimensioni della colonna centrale.
Il problema sta proprio quì: per l'errore che dicevo IE gestisce male le dimensioni orizzontali e quindi le parti "eccedenti" verngono buttate a capo, creando quell'effetto che sai.
Buon lavoro.
-
cerca questo css e togli i margini
.bloccoleft {
float : left;
width : 160px;
margin-right : 2px;<<<<<qui
margin-top : 5;
background : #fff;
}il problema dovrebbe risolversi togli qui 50px che hai messo e metti 2px
-
cerca questo css e togli i margini
.bloccoleft {
float : left;
width : 160px;
margin-right : 2px;<<<<<qui
margin-top : 5;
background : #fff;
}il problema dovrebbe risolversi togli qui 50px che hai messo e metti 2px
No il problema persiste lo stesso su IE8, ho anche prova ad eliminare del tutto il margin-right di bloccoleft e nada.
Ho anche provato a seguire il consiglio di MarcoDJ ed ho provato a diminuire (anche drasticamente) il valore della colonna di destra...ma niente... Explorer continua a mettere sotto...
Qualche altra idea?
Per conti1? Sul tuo PC eri riuscito a vederlo bene su IE con quella modifica?
Tnx
Andrea
-
opsss...mi sono appena accorto anche di essere rincoglionito io...
Nel file index.php (che stà nel file zip che ho pubblicato) c'è il riferimento al CSS di una vecchia versione del tema (quindi in un'altra cartella)
Mannaggia alla distrazione !!! Ora vedo se mi si risolve qualcosa...vi terrò aggiornati !!!
Per il momento continuo a ringraziarvi
-
Ok ragazzi,
il vostro contributo è stato preziosissimo, vi ringrazio veramente tanto :)
In parte il casino era dovuto anche alla mia proverbiale distrazione...un certo momento ho sostituto il file index.php con la vecchia versione dimenticandomi di cambiargli il riferimento alla cartella del CSS...quindi modificando il file CSS non avevo alcun risultato perchè di fatto andava a puntare in tutt'altra cartella per pescarsi il file del CSS
DOH :'( ;D
Ora dovrebbe vedersi "bene" sia su Firefox che su Explorer: http://www.siatec.net/andrea/andreanobiliphoto/
Che mi dite? Cosa ne pensate di questo sudatissimo template? sinceramente...devo ancora cambiare più di qualcosa nei menu...
Un'ultima cosa...ho notato che cmq Explorer interpreta in maniera lievementediversa alcuni piccoli dettagli rispetto a Firefox...è possibile anche in Joomla inserire il tag con il commento condizionale per fargli usare un'apposito CSS solo qualora il sito venga aperta con Explorer?
Grazie di tutto
Andrea
-
Mannaggia a te !
Comunque meglio cosi', se sei riuscito a risolvere il problema.
Sicuramente è possibile vedere se il browser chiamante è IE o Firefox, ma in generale è una operazione che non consiglio, perche' se ti sei incartato con un solo css, figuriamoci con due !
A parte la battuta, ricorda che esistono i metatag
<link rel="stylesheet" .....
e
<link rel="alternate stylesheet" .....
Ma ci sono anche altri metodi. Su internet troverai vari esempi.
Buon lavoro.
-
Beh mo apparte stavolta che mi sono incastato per rincoglionimento...
In genere per non incartarmi faccio così (almeno per i siti statici):
1) Realizo il CSS per Firefox e poi me lo salvo da qualche altra parte
2) Lo provo su Explorer e lo adatto salvandomelo con un altro nome
3) Poi inserisco nella testata il riferimento al primo per Firefox che viene caricato di default ed il commento condizionale per caricare la versione per Explorer qualora il broswer usato dall'utente fosse IE, qualcosa del genere per intenderci:
<link href="default01f.css" rel="stylesheet" type="text/css" title="default" />
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" /><![endif]-->
Posso farlo anche su Joomla o può creare qualche sbroccamento al sistema?
Grazie
Andrea
-
Non ho mai provato, ma non vedo perche' dovrebbe incasinarmi joomla.
Peraltro il bello è che se hai i 2 css già pronti, puoi provare la cosa senza molti problemi.
Ciao