Problema template con FF

**robot_dika** · 19-10-2007, 10:16

Ciao a tutti,

ho un piccolo problema che non riesco a risolvere..

il template che ho creato per un sito joomla in IE si vede perfetto mentre in FF si vedono gli spazi tra le tabelle e non so proprio perchè..

la spaziatura tra le celle e tra le tabelle è impostata a zero ed è per questo che suona strano..

vi posto il sorgente.. grazie per l'aiuto

codice:

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = split( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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">

<head>


<meta name="description" content="ok" />


<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>

<body bgproperties=fixed>
<table width="980" border="0" cellpadding="0" cellspacing="0" align="center" class="container" >
  <tr>
    <td><table width="960" border="0" align="center" cellpadding="0" cellspacing="0" valign="top">
      <tr valign="top">
        <td height="102" colspan="2" class="header_b">

 
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="960" height="102" vspace="0" align="top">
              <param name="wmode" value="transparent" />
			  <param name="flash_component" value="ImageViewer.swc"/>
              <param name="movie" value="<?php echo $mosConfig_live_site;?>/templates/ok/images/menu.swf" />
              <param name="quality" value="high" />
              <param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:true,frameShow:false,slideDelay:5,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Random',titleColor:#333333,slideAutoPlay:false,imageURLs:['img1.jpg','img2.jpg','img3.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" />
              <embed src="<?php echo $mosConfig_live_site;?>/templates/ok/images/menu.swf" wmode="transparent" width="960" height="102" vspace="0" hidden="false" autostart="true" align="top" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:true,frameShow:false,slideDelay:5,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Random',titleColor:#333333,slideAutoPlay:false,imageURLs:['img1.jpg','img2.jpg','img3.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
            </object>
          </p></td>
      </tr>
      <tr valign="top">
        <td colspan="2"><table width="960" height="279"  border="0" cellspacing="0" cellpadding="0">
          <tr valign="top">
            <td valign="top" class="rotate_flash"><?php if (mosCountModules('user1')>0) mosLoadModules('user1','true'); ?></td>
            <td valign="top" class="button_flash">

 
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="336" height="279" vspace="0" align="top">
              <param name="wmode" value="transparent" />
	      <param name="flash_component" value="ImageViewer.swc" />
              <param name="movie" value="<?php echo $mosConfig_live_site;?>/templates/ok/images/puls.swf" />
              <param name="quality" value="high" />
              <param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:true,frameShow:false,slideDelay:5,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Random',titleColor:#333333,slideAutoPlay:false,imageURLs:['img1.jpg','img2.jpg','img3.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" />
              <embed src="<?php echo $mosConfig_live_site;?>/templates/ok/images/puls.swf" wmode="transparent" width="336" height="279" vspace="0" hidden="false" autostart="true" align="top" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:true,frameShow:false,slideDelay:5,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Random',titleColor:#333333,slideAutoPlay:false,imageURLs:['img1.jpg','img2.jpg','img3.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
            </object>
          </p></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td class="h_space"><table width="624" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="6" valign="top" class="hotel_space"></td>
            <td valign="top" class="search_bg"><table width="612" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td class="main"><?php mosMainBody(); ?></td>
              </tr>
            </table></td>
            <td width="6" class="search_dx"></td>
          </tr>
          
          
        </table></td>
        <td rowspan="3" valign="top" class="s_space"><table width="336" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><?php if (mosCountModules('user3')>0) mosLoadModules('user3','true'); ?></td>
          </tr>
          <tr>
            <td><?php if (mosCountModules('user4')>0) mosLoadModules('user4','true'); ?>
              <?php if (mosCountModules('user5')>0) mosLoadModules('user5','true'); ?></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td class="space_bet"><?php if (mosCountModules('advert2')>0) mosLoadModules('advert2','true'); ?></td>        </tr>
      <tr>
        <td class="h_space"><table width="624" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="blog_bg"><?php if (mosCountModules('user6')>0) mosLoadModules('user6','true'); ?></td>
          </tr>
        </table></td>
        </tr>
      <tr>
        <td colspan="2" align="left" valign="middle" class="foot_a"><div align="center">
          <?php if (mosCountModules('bottom')>0) mosLoadModules('bottom','true'); ?>
        </div></td>
      </tr>
      <tr>
        <td colspan="2" class="foot_b"><table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="foot_text"><?php if (mosCountModules('user7')>0) mosLoadModules('user7','true'); ?></td>
          </tr>
          <tr>
            <td class="foot_text2"><?php if (mosCountModules('user8')>0) mosLoadModules('user8','true'); ?></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>



</body>
</html>

**rebelia** · 19-10-2007, 10:29

ti sposto in css, tu magari posta il foglio di stile e usa i tag per il codice [ code ] [/ code] (senza spazi, ovviamente)

**robot_dika** · 19-10-2007, 10:37

Originariamente inviato da rebelia
ti sposto in css, tu magari posta il foglio di stile e usa i tag per il codice [ code ] [/ code] (senza spazi, ovviamente)

Va bene grazie...

potresti mettermi tu i tag per il codice? non mi lascia modificare il mio post... grazie mille

**robot_dika** · 19-10-2007, 11:34

ragazzi ecco il css...

grazie per l'aiuto:

codice:

/*  */
/* STILI PER LA GRAFICA */
.container {background-image: url(../images/sfum.gif);background-repeat: repeat-y;background-position: left top;width: 980px;margin-top: 0px; }
.header_b {height: 102px;	width: 906px; border-spacing: 0px;  }
.menu {height: 102px; width: 960px; border-collapse: collapse;}
.menu_up {height: 60px; width: 960px;}
.menu_sx {width: 250px; height:42px;}
.menu_dx {width: 200px;height:42px;} 
.menu2{height:42px;}

.h_space{ width:624px;}
.s_space{ width:336px;}
.hotel_space{ width:146px;background-image:url(../images/h_s.jpg);background-repeat: repeat-x;background-position: left bottom;}
.div_space2{width:4px;background-image:url(../images/h_s.jpg);background-repeat: repeat-x;background-position: left bottom;}
.div_space{height:10px;}
.div_top{ width:4px; height:68px; background-image: url(../images/div_top.jpg); 	background-position: left bottom; background-repeat: no-repeat;}
.div{background-image: url(../images/div3.jpg); background-position: center top; background-repeat: no-repeat; height:250px;}
.div_bottom{ width:4px; height:68px; background-image: url(../images/div_bottom.jpg); 	background-position: left top; background-repeat: no-repeat;}
.search_dx{width:20px;background-image: url(../images/h_d.jpg);background-repeat: no-repeat;background-position: left bottom;}
.search_bg{width:454px; background-image:url(../images/h_s.jpg); background-repeat: repeat-x; background-position: left bottom;}

.main{width:605px; padding-left:2px;}

.foot_a{width:960px;height:38px;background-image:url(../images/foot_a.jpg);background-repeat: repeat-x;background-position: left top;}
.foot_b{width:960px;height:122px;background-image:url(../images/foot_b.jpg);background-repeat: no-repeat;background-position: left top;}
.foot_text{ width:600px; height:42px;}
.foot_text2{ width:600px; height:80px;}
.space_bet{height:35px;font-size: 12px;font-variant: small-caps;border-bottom-width: 5px; border-bottom-style: solid;border-bottom-color: #FFFFFF;}
.blog_bg{width:624px; background-image: url(../images/h_s2.jpg); background-repeat: repeat-x; background-position: left top;}

body{
	font-family: "Myriad Pro", Arial;
	font-size: 14px;
	color: #000000;
	background-image: url(../images/sfondo.jpg);
	background-repeat: repeat-x;
	margin-top: -1px;
bgproperties:fixed;
}
         
/* STILI PER IL MENU IN basso*/

a.mainlevel-nav {
        font-weight: bold;
        text-transform: uppercase;
	font-size:12px;
	font-family: "Myriad Pro", Arial;
	color:#000000;
	text-decoration: none;
	padding-top: 5px;	
}

a.mainlevel-nav:link {Font-size:12px;font-family: "Myriad Pro", Arial;color:#000000;text-decoration: none;text-transform: uppercase;font-weight: bold;}

a.mainlevel-nav:visited {font-size:12px;font-family: "Myriad Pro", Arial;color:#000000;text-decoration: none;font-weight: bold;}

a.mainlevel-nav:hover {font-size:12px;font-family: "Myriad Pro", Arial;color:#ffffff;text-decoration: none;font-weight: bold;}

.menu2{height:42px;}

.menu2 ul{ font-family: "Myriad Pro", Arial;padding-left: 0;margin-left: 0;height: 20px;}

.menu2 ul li{list-style: none;display: inline;}

.menu2 ul li a{padding: 0px 0.5em;text-decoration: none;float: left;color: black;background-color: #FFF2BF;border: 2px solid #FFF2BF;}

.menu2 ul li a:hover{background-color: #FFE271;border-style: outset;}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */border-style: inset;}

/* INIZIO STILI PER IL BLOG */
.BLOG{padding-left: 6px; font-family: "Myriad Pro", Arial; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding-top: 8px; text-align: justify}
.BLOG-TITOLO{
         padding-right: 6px;
         padding-left: 6px;
         font-family: "Myriad Pro", Arial;
	font-size: 25px;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
         font-weight: normal;
}
.BLOG-TITOLO2{
        padding-left: 6px;
	font-family: "Myriad Pro", Arial;
	font-size: 22px;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
         font-weight: normal;
}

.BLOG-SUB_TITLE{
         padding-right: 6px;
         padding-left: 6px;
	font-family: "Myriad Pro", Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.BLOG-IMAGE{
         height: 200px;
	width: 350px;
	border: 5px solid #006699;
}
.BLOG-IMAGE2{ height: 100px; width: 190px;  border: 2px solid #006699;}
.BLOG-IMAGE3{ height: 100px; width: 191px;  border: 2px solid #006699; text-align:center }
	
/*
.BLOG{
        padding-left: 6px;
	font-family: "Myriad Pro", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
        padding-top: 8px;
}*/

a.BLOG:link{
 padding-left: 6px;
	font-family: "Myriad Pro", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #DC2912;
	text-decoration: none;
}
a.BLOG:hover{
 padding-left: 6px;
	font-family: "Myriad Pro", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #DC2912;
	text-decoration: underline;
}
a.BLOG:visited{
 padding-left: 6px;
	font-family: "Myriad Pro", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #017ca5;
	text-decoration: underline;
}
/* FINE STILI PER IL BLOG */



/* INIZIO STILE MODULO*/
table.moduletable{padding-top: 0px;}
table.moduletable th{visibility: collapse;}
/*FINE STILE MODULO */


a.mainlevel-navo {font-weight: bold;text-transform: uppercase;font-size:12px;font-family: "Myriad Pro", Arial;color:#000000;text-decoration: none;	padding-top: 5px;}

a.mainlevel-navo:link {Font-size:12px;font-family: "Myriad Pro", Arial;color:#000000;text-decoration: none;text-transform: uppercase;font-weight: bold;}

a.mainlevel-navo:visited {font-size:12px;font-family: "Myriad Pro", Arial;color:#000000;text-decoration: none;font-weight: bold;}

a.mainlevel-navo:hover {font-size:12px;font-family: "Myriad Pro", Arial;color:#ffffff;text-decoration: none;font-weight: bold;}


/* INIZIO STILI DI JOOMLA */

      /*** LINK ****/

a:link{font-size:14px; font-family: "Myriad Pro", Arial; color:#000000; text-decoration: none;}

a:visited{font-size:14px; font-family: "Myriad Pro", Arial; color:#333333; text-decoration: none;}

a:hover{font-size:14px; font-family: "Myriad Pro", Arial; color:#027ba6; text-decoration: underline; font-weight: normal;}

a.category:link{font-size:14px; font-family: "Myriad Pro", Arial; color:#000000; text-decoration: none; font-weight: normal;}
.rotate_flash {width: 624px; height: 279px; }
.button_flash {width: 336px; height: 279px;}

.button_flash{ padding-top: 0px;margin: 0px;width: 336px;}
.rotate_flash{padding-top: 0px;margin: 0px; width: 624px;}

/* STILI PER L'ADMIN FORM DEI COMPONENTI */
.contentpaneopen{ width: 590px;}
/*.contentpane{ width: 200px; }*/
.contentpane{padding-bottom: 5px;}
.adminform{ width: 550px;}
.title{font-size:14px; font-family: "Myriad Pro", Arial; color:#000000; align: center;}
.tab{font-family: "Myriad Pro", Arial;}
/*.tab-page{ width: 590px;}*/
.white{ color: #ffffff;}
.left_pad{ padding-left: 9px;}
.left_pad2{ padding-left: 11px;}
.left_pad3{ padding-left: 10px;font-family: "Myriad Pro", Arial;text-transform: uppercase;}

.contentheading{color:#ffffff;background-color: #333333;font-weight: normal;padding-left: 2px;}
.componentheading{color:#ffffff;background-color: #333333;padding-left: 2px;text-align:center;}
.smalldark{font-size:12px;color:#333333;padding-left: 15px; text-transform: uppercase; }/* CSS Document */

**robot_dika** · 25-10-2007, 16:09

Ciao ragazzi..

volevo informarvi che eliminando la stinga <DOCTYPE ecc..> il template non da più problemi...

sinceramente non so perchè fa così...è la prima volta che mi capita...strano...boooo

**robot_dika** · 25-10-2007, 16:15

Ciao ragazzi..

volevo informarvi che eliminando la stinga <DOCTYPE ecc..> il template non da più problemi...

sinceramente non so perchè fa così...è la prima volta che mi capita...strano...boooo

Discussione: Problema template con FF

Strumenti discussione

Ricerca discussione

Visualizza

Problema template con FF

ecco il css

Permessi di invio