Joomla.it Forum

Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : Elwood 10 Aug 2006, 13:22:34

: Cattiva Visualizzazione Firefox
: Elwood 10 Aug 2006, 13:22:34

http://www.sirioradiologiadentale.it
Con l'attuale Template utilizzando IE visualizzo correttamente, con Firefox invece vedo gli sfondi dei campi menù sfalsati a destra.

Non ho provato con altri browser.

Come posso ottimizzare per una corretta visualizzazione almeno con Firefox?

Grazie,
Elwood
 ???

: Re: Cattiva Visualizzazione Firefox
: Elwood 13 Aug 2006, 11:38:51

Sperando che qualcuno mi dia una mano, allego il css del template:

:

/* CSS Document */

html {
height: 100%;
}

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

.clr {
clear: both;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
padding: 2px;
}

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

}

#buttons_inner {
border: 1px solid #cccccc;
height: 21px !important;
height: 23px;
}

#pathway_text {
  overflow: hidden;
display: block;
color:#FFFFFF;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;
border: 1px solid #ccc;
margin-bottom: 2px;
vertical-align:text-bottom;
}

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

#buttons {
float: left;
margin: 0px;
padding: 0px;
width: auto;
}
a.mainlevel {
width: 195px;
border-right: 1px solid #000;
padding: 0 0 0 0;
margin-bottom: 0;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
a.mainlevel:hover {
border-left: 10px solid #000;
border-right: 10px solid #5ba3e0;
background-color: #fff;
color: #5ba3e0;
}
a.sublevel {
width: 195px;
border-right: 1px solid #000;
padding: 0 0 0 0;
margin-bottom: 0;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}

a.sublevel:link, a.sublevel:visited {
display: block;
padding: 0;
border-left: 10px solid #2175bc;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

a.sublevel:hover {
border-left: 10px solid #2175bc;
border-right: 10px solid #5ba3e0;
background-color: #fff;
color: #5ba3e0;
}
#blueblock{
width: 195px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #2175BD;
color: #333;
}



html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}




#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 5px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #3A7CB6 url(media/color_tabs_left.gif) no-repeat left top;
margin:0 5px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:0px 0px 0px 0px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #161616;
}

#ddcolortabs a:hover span{
background-color: #161616;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #3A7CB6;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #3A7CB6;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
.shadetabs{

/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 0;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px ;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;

color: #2d2b2b;

}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */

border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}


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

#search_inner {
  border: 1px solid #cccccc;
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: 1px solid #cccccc;
padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

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

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

#content_outer {
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/** border: 1px solid #cccccc; **/
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: 1px solid #cccccc;
  padding: 2px;
}


.user1_inner {
border: 1px 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: 1px 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;
}




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



body {
margin: 15px;
height: 100%;
padding: 0px;
font-family: Arial, Helvetica, Sans Serif;
line-height: 120%;
font-size: 11px;
color: #333333;
background: #ffffff;
}

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

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

table.contentpaneopen {
  width: 100%;
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: 4px;
}

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

.button {
  color: #2175bc;
  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: #ffffff;
}

.componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #606060;
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: #606060;
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: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

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

table.moduletable th, div.moduletable h3 {
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


table.moduletable td {
font-size: 11px;
padding-left: 0px;
margin-left: 0px;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  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: #999999;
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;
}



.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;
}

e l'index dello stesso:

:

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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>
<?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\" />" ; ?>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url();
background-repeat: repeat-x;
background-color: #2175BC;
}
-->
</style>
<style type="text/css">

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

</style>


</head>

<body>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="182" colspan="2" valign="bottom" background="templates/joomladrive/images/top.jpg"><table width="96%" height="44" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="282" height="44">&nbsp;</td>
        <td width="582" valign="bottom"><div class="shadetabs"><?php mosLoadModules ('user3' ); ?></div></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="33" colspan="2" background="templates/joomladrive/images/head.jpg"><table width="96%" height="26" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="33%" height="26"><table width="70%" height="20" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td><div align="center"><?php echo mosCurrentDate(); ?></div></td>
          </tr>
        </table></td>
        <td width="67%" valign="middle"><?php mosPathWay(); ?></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="295" height="130" valign="top" background="templates/joomladrive/images/left.jpg"><table width="71%" height="21" border="0" align="right" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top"><table width="195" height="21" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td valign="top" bgcolor="#2175BC">
              <div id="blueblock"><?php mosLoadModules ( 'left' ); ?></div></td></tr>
        </table></td>
      </tr>
    </table></td>
    <td width="605" rowspan="2" valign="top" background="templates/joomladrive/images/content.jpg"><table width="91%" height="22" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top"><?php mosMainBody(); ?></td>
      </tr>
    </table>    </td>
  </tr>
  <tr>
    <td height="19" valign="top" background="templates/joomladrive/images/spacer.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="36" background="templates/joomladrive/images/leftbot.jpg">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="2"><img src="templates/joomladrive/images/bottom.jpg" width="900" height="56" border="0" usemap="#Map" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="35" colspan="2"><div align="center">
      <?php include_once('includes/footer.php'); ?>
    </div></td>
  </tr>
</table>

<!-- <map name="Map" id="Map"><area shape="rect" coords="107,10,239,27" href="http://beprofessional.net" alt="web development - joomla template" />
</map> -->
</body>
</html>
 ??? Che si deve sistemare per ottimizzare?
Grazie
Elwood

: Re: Cattiva Visualizzazione Firefox
: lorenzol 19 Dec 2007, 11:21:35

ciao, sei riuscito a risolvere? Io ho lo stesso problema. Per favore, fammi sapere.

Grazie
Lorenzo