Problema template su firefox

[darklord_1984]

ciao a tutti ragazzi, spero di scrivere nella sezione giusta...
allora io e' da poco che mi son avvicinato a joomla e qualcosa ancora mi rimane difficile da capire...
Ora ho un problema... se apro il mio sito con explorer va tutto bene, invece se lo apro con firefox, il menu e il banner centrale mi si spostano tutti sulla destra ammucchiandosi sopra agli altri moduli di destra....

Chi puo' aiutarmi, il sangue e' stato buttato, ora e' finito... Help cercasi aiuto immediato...

il sito e' www.pointbetonline.it/joomla

grazie a tutti

[Kara]

ciao a tutti ragazzi, spero di scrivere nella sezione giusta...
allora io e' da poco che mi son avvicinato a joomla e qualcosa ancora mi rimane difficile da capire...
Ora ho un problema... se apro il mio sito con explorer va tutto bene, invece se lo apro con firefox, il menu e il banner centrale mi si spostano tutti sulla destra ammucchiandosi sopra agli altri moduli di destra....

Chi puo' aiutarmi, il sangue e' stato buttato, ora e' finito... Help cercasi aiuto immediato...

il sito e' www.pointbetonline.it/joomla

grazie a tutti

Intanto ti conviene cambiare il titolo del topic mettendone uno corente con il problema, altrimenti rischi che nessuno ti risponda oltre alla cazziata dei mod

Domanda... hai per caso pasticciato con il codice del template?

[darklord_1984]

ti ringrazio dei consigli 
per quanto riguarda le modifiche, si sono andato a smanettare su css per i colori ecc... e so che probabilmente dipende da li ... ma non so proprio dove mettere le mani in quanto dopo due notti passate a montare e rismontare, ora ho il cervello completamente fuso...

[taolo]

visto che forse hai toccato qualcosa che non dovevi.... se non ricordi cosa forse ti conviene tornare indietro.
Riscontravi anche prima di metterci mano qualcosa che non andava in FF? può darsi che, se hai modificato solo i campi color, il tuo template di suo abbia problemi di visualizzazione coi vari browser

[taolo]

emmm- ho visto ora il tuo sito.....  chiaramente non hai modificato solo i colori!!!!

[darklord_1984]

si sicuramente ho toccato altro dentro al css.. magari le grandezze delle tabelle... il problema l'ho visto solo ora perche non avevo mai visto il sito su fire fox prima..

il discorso e' che ora non quale sia il problema, cioe' quale parte del codice devo toccare per ottimizzare la pagina

[darklord_1984]

Ad ogni modo questo e' il codice css che c'e' ora

/* CSS Document */

html {
   height: 100%;
}

body {
   height: 100%;
   margin-bottom: 1px;
}

.clr {
   clear: both;
}

.outline {
  border: 0px solid #660000;
  background:
   padding: 2px;
}

#buttons_outer {
   width: 635px;
     margin-bottom: 2px;
   margin-right: 2px;
   float: left;

}

#buttons_inner {
   border: 0px solid #006633;
   height: 21px !important;
   height: 23px;
}

#pathway_text img {
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 6px;
}

#buttons {
   float: left;
   margin: 0px;
   padding: 0px;
   width: auto;
}


ul#mainlevel-nav
{
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: 0.8em;
}

ul#mainlevel-nav li
{
   background-image: none;
   padding-left: 0px;
   padding-right: 0px;
   float: left;
   margin: 0;
   font-size: 11px;
   line-height: 21px;
   white-space: nowrap;
   border-right: 0px solid ;
}

ul#mainlevel-nav li a
{
   display: block;
   padding-left: 15px;
   padding-right: 15px;
   text-decoration: none;
   color:#FFCC00;
   background: #DDDDDD;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

   ul#mainlevel-nav li a:hover
{
   color: #CC3300;
   background:#336633 ;
}


#search_outer {
   float: left;
   width: 165px;
}

#search_inner {
  border: px solid #336633 ;
   padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
   border: 0px;
   padding: 3px 3px 3px 5px;
   font-family: arial, helvetica, sans-serif;
   font-size: 11px;
   color: #c64934;
}

#header_outer {
   text-align: left;
   border: 0px;
   margin: 0px;
}

#header {
   float: left;
   padding: 0px;
   margin-right: 2px;
   width: 635px;
   height: 150px;
   background: url(../images/header_short.jpg) no-repeat;
}

#top_outer{
   float: left;
   width: 165px;
}

#top_inner {
  border: px solid ;
   padding: px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
 
}

#left_outer {
  float: left;
   margin-top: 2px;
   width: 165px;
}

#left_inner {
  border: px solid #cccccc;
   padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
   padding: 0px;
   margin-top: 0px;
   margin-left: 2px;
   border: 0px solid ; **/
   float: left;
   width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 100%;
   padding: 0px;
   margin: 0px;
}

table.content_table td {
   padding: 0px;
   margin: 0px;
}


#banner_inner {
   float: left;
   padding: 0px;
   height: 70px;
}

#poweredby_inner {
   float: right;
   padding: 0px;
   margin-left: 0px;
   height: 70px;
}

#right_outer {
   margin-left: 2px;
   width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: px solid #cccccc;
  padding: 2px;
}


.user1_inner {
   border: px solid #cccccc;
  float: none !important;
  float: left;
   margin: 0px;
   padding: 2px;
}

.user2_inner {
   border: 1px solid #cccccc;
  float: none !important;
  float: left;
   margin: 0px;
   padding: 2px;
}

table td.body_outer {
   padding: 2px;
   border: px solid #cccccc;
}

.maintitle {
   color: #ffffff;
   font-size: 40px;
   padding-left: 15px;
   padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
   float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
   margin-right: 10px;
   float: right;
}

#footer {
   text-align: center;
   padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}


td {
   text-align: left;
   font-size: 11px;
}



body {
   margin: 15px;
   height: 100%;
   padding: 0px;
   font-family: Arial, Helvetica, Sans Serif;
   line-height: 300%;
   font-size: 11px;
   color: #DDDDDD;
   background: url(../images/sfondo.jpg);
}

/* Joomla core stuff */
a:link, a:visited {
   color: #c64934; text-decoration: none;
   font-weight: bold;
}

a:hover {
   color: #900;   text-decoration: none;
   font-weight: bold;
}

table.contentpaneopen {
  width: 80%;
   padding: 0px;
   border-collapse: collapse;
   border-spacing: 0px;
   margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
   padding-left: 4px;
}



table.contentpane {
  width: 100%;
   padding: 0px;
   border-collapse: collapse;
   border-spacing: 0px;
   margin: 0px;
}

table.contentpane td {
   margin: 0px;
   padding: 0px;
}

table.contentpane td.componentheading {
   padding-left: 0px;
}

table.contentpaneopen fieldset {
   border: 0px;
   border-bottom: 1px solid #eee;
}

.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
   padding: 2px;
   border:solid 1px #cccccc;
   background-color: #DDDDDD;
}

.componentheading {
   background: url(../images/subhead_bg.png) repeat-x;
   color: #c64934;
   text-align: left;
   padding-top: 4px;
   padding-left: 4px;
   height: 21px;
   font-weight: bold;
   font-size: 10px;
   text-transform: uppercase;

}

.contentcolumn {
   padding-right: 5px;
}

.contentheading {
   height: 30px;

   color: #c64934;
   font-weight: bold;
   font-size: 14px;
   white-space: nowrap;
}



.contentpagetitle {
   font-size: 13px;
   font-weight: bold;
   color: #cccccc;
   text-align:left;
}

table.searchinto {
   width: 100%;
}

table.searchintro td {
   font-weight: bold;
}

table.moduletable {
   width: 100%;
   margin-bottom: 0px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
}

div.moduletable {
   padding: 0;
   margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
   background: url(../images/subhead_bg.png) repeat-x;
   color: #FFCC00;
   text-align: left;
   padding-left: 0px;
   height: 31px;
   line-height: 31px;
   font-weight: bold;
   font-size: 10px;
   text-transform: uppercase;
   margin: 0 0 2px 0;
}

table.moduletable td {
   font-size:0px;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: url(../images/subhead_bg.png);
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
   background-color : #ffffff;
}

.sectiontableentry2 {
   background-color : #f9f9f9;
}

.small {
   color: #999999;
   font-size: 11px;
}

.createdate {
   height: 15px;
   padding-bottom: 10px;
   color: #999999;
   font-size: 11px;
}

.modifydate {
   height: 15px;
   padding-top: 10px;
   color: ;
   font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
   text-align: left;
   padding-top: 2px;
   padding-left: 4px;
   height: 21px;
   font-weight: bold;
   font-size: 10px;
   text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
   display: block;
   background: url(../images/menu_bg.png) no-repeat;
   vertical-align: middle;
   font-size: 11px;
   font-weight: bold;
   color: #ccc;
   text-align: left;
   padding-top: 5px;
   padding-left: 18px;
   height: 20px !important;
   height: 25px;
   width: 100%;
   text-decoration: none;
}

a.mainlevel:hover {
   background-position: 0px -25px;
   text-decoration: none;
   color: #fff;
}

a.mainlevel#active_menu {
   color:#fff;
   font-weight: bold;
}

a.mainlevel#active_menu:hover {
   color: #fff;
}

a.sublevel:link, a.sublevel:visited {
   padding-left: 1px;
   vertical-align: middle;
   font-size: 11px;
   font-weight: bold;
   color: #c64934;
   text-align: left;
}

a.sublevel:hover {
   color: #900;
   text-decoration: none;
}

a.sublevel#active_menu {
   color: #333;
}

.highlight {
   background-color: Yellow;
   color: Blue;
   padding: 0;
}
.code {
   background-color: #ddd;
   border: 1px solid #bbb;
}

form {
/* removes space below form elements */
   margin: 0;
    padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
   display: block;
   height: 1.5em;
}

[taolo]

consiglio banale ma efficace....
A quanto vedo ci stai ancora lavorando quindi puoi ricopiare il css originale e ricominciare da capo. E' la soluzione più adeguata e forse la più rapida visto il risultato....

ciauu

[piterdan]

ciao a tutti ragazzi…

Sei nuovo, anzi nuovissimo direi 
Non sperare di mettere on line un sito modificando il template non avendo ancora capito come funzionano i template e i css.
Devi prima studiare bene l'argomento e poi man mano capire cosa succede se… ci vogliono mesi, se non anni per acquisire la padronanza. Oltre a questo IE usa solo una parte del codice CSS, mentre FF è quello più vicino agli standard. Se le cose sono semplici in qualche modo ne esci, se vuoi fare cose complesse ci perdi le settimane a fare un template.
In linea di massima quando voglio sbrigarmi uso ancora le tabelle nel template perché sono l'unica cosa che mi garantisce di avere spostamenti minimi fra i browser e con dei magini un po' più grandi mi visualizza tutto discretamente bene su tutti.

[Kara]

Ti conviene fare come ti hanno consigliato qui sopra.