Jump to content
Sign in to follow this  
usu

Centrare layout tramite CSS

Recommended Posts

Mi rivolgo a voi per un problema che mi (ci) sta logorando :asd:

In pratica stiamo approntando la nuova versione di itasa e abbiamo incontrato un problemuccio, abbiamo adattato un layout di joomla per i 1024x768 però questo risulta spostato completamente a sinistra, l'intenzione sarebbe quella di centrarlo tipo quello di hostingtalk per intenderci, vi posto qua il CSS e l'index del template, magari riuscite a darci una mano :zizi:

 

CSS

body{
   font-family        : Arial,sans-serif;
   color            : #333333;
   line-height        : 1.166;    
   margin            : 0px;
   padding            : 0px;
   color           : #FFFFFF;
   position        : absolute;
   left            : 20px;
}
td, tr, p {
   font-family        : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #666666;
}
hr {
   color            : #DADDD0;
   height            : 1px;
   width            : 90%;
}
h1{
   font            : bold 120% Arial,sans-serif;
   color            : #334d55;
   margin            : 0px;
   padding            : 0px;
}
h2{
   font            : bold 114% Arial,sans-serif;
   color            : #006699;
   margin            : 0px;
   padding            : 0px;
}
h3{
   font            : bold 100% Arial,sans-serif;
   color            : #334d55;
   margin            : 0px;
   padding            : 0px;
}
h4{
   font            : 100% Arial,sans-serif;
   color            : #333333;
   margin            : 0px;
   padding            : 0px;
}
h5{
   font            : 100% Arial,sans-serif;
   color            : #334d55;
   margin            : 0px;
   padding            : 0px;
}
.main { 
   float            : left; 
   width            : 100%;
   margin            : 0px; 
   padding            : 0px;
}
.contentdescription { 
   width            : auto !important;
   display            : block;
} 
table.moduletable {
 width                : 100%;
 table-layout        : auto;
}
table.moduletable th {
 font-size         : 12px;
 font-weight       : bold;
 text-transform    : uppercase;
 text-align        : left;
 height            : 22px;
 line-height       : 22px;
 text-indent       : 0px;
 letter-spacing    : 1px;
 color             : #666666;
 border-bottom     : 1px solid #EEEEEE;
}
table.moduletable td {
 padding-left      : 0px;
 padding-right     : 0px;
 padding-top        : 0px;
 padding- bottom   : 0px;
 margin            : 4px;
}
.back_button {
 color             : #996600;
 font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size         : 11px;
 white-space       : normal;
 font-weight       : normal;
 border            : 1px solid #DADDD0;
 padding-bottom    : 4px;
 padding-left      : 10px;
 padding-right     : 10px;
 padding-top       : 4px;
 margin-right      : 4px;
 margin-bottom        : 10px;
 float             : right;
 line-height       : 10px;
 text-decoration   : none; 
}
.button {
 font-size         : 11px;
 color             : #666666;
 background-color    : #FFF;
 border            : 1px solid #DADDD0;
 margin-bottom     : 5px;
 padding           : 1px;
}
.inputbox {
 border            : 1px solid #CCCCCC;
 background-color  : #FBFBFB;
 padding            : 2px;
 margin-bottom     : 5px;
 color                : #666666;
}
.sectiontableheader {
 font-size         : 12px;
 font-weight       : bold;
 text-transform    : uppercase;
 letter-spacing    : 1px;
 color             : #666666;
 padding           : 3px;
 border-bottom        : 1px solid #EEEEEE;
 border-top        : 1px solid #EEEEEE;
}
.sectiontableentry1 {
 padding           : 3px;
 margin            : 3px;
 background        : #FBFBFB;
 border-top        : 1px solid #FFFFFF;
 border-bottom     : 1px solid #DADDD0;
}
.sectiontableentry2 {
 padding           : 3px;
 margin            : 3px;
 border-top        : 1px solid #FFFFFF;
 border-bottom     : 1px solid #DADDD0;
}
a.mainlevel {
 margin-top        : 1px;
 padding-top       : 0px;
 font-size         : 12px;
 width             : 150px;
 text-indent       : 10px;
}
a.mainlevel:link {
 padding           : 0px 0px 0px 0px;
 font-size         : 12px;
 width             : 150px;
 text-indent       : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
 display           : block;
 font-size         : 12px;
 font-weight       : normal;
 padding           : 2px 0px 2px 0px;
 color             : #1A4A88;
 width             : 150px;
 text-indent       : 10px;
 background-color  : #F5F5F5;
}
a.mainlevel:hover {
 font-size         : 12px;
 background-color  : #FBFBFB ;  
 color             : #000000;
 font-weight       : normal;
 text-decoration   : none;
 text-indent       : 10px;
}
#active_menu {
 color             : #003366;
 font-weight       : bold;
 background-color  : #FBFBFB;
}
a#active_menu:hover {
 color             : #0066FF;
 background-color  : #FBFBF9;
}
a.sublevel:link, a.sublevel:visited {
 font-size            : 12px;
 font-weight        : normal;
 padding           : 2px 0px 2px 0px;
 color                : #666666;
 text-align        : left;
 width             : 100%;
 text-indent       : 10px;
 background-color  : #FBFBFB;
 display: block;  
}
a.sublevel:hover {
 color                : #0066FF;
 background-color  : #FFFFFF;
 text-decoration    : none;
}
a:link, a:visited {
 font-size         : 12px;
 color             : #0066FF;
 text-decoration   : none;
}
a:hover {
 font-size         : 12px;
 color             : #0066FF;
 text-decoration   : underline;
}
a.category:link, a.category:visited {
 font-weight       : bold;
}
a.readon:link, a.readon:visited {
 color             : #666666;
 font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size         : 11px;
 background        : url(../images/more.png);
 background-repeat : no-repeat;
 white-space       : normal;
 font-weight       : bold;
 padding-bottom    : 3px;
 padding-left      : 20px;
 padding-right     : 4px;
 padding-top       : 3px;
 float             : left;
 line-height       : 10px;
 text-decoration   : none; 
}
a.readon:hover {
 color             : #003366;
 font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size         : 11px;
 background        : url(../images/more2.png);
 background-repeat : no-repeat;
 white-space       : normal;
 font-weight       : bold;
 padding-bottom    : 3px;
 padding-left      : 20px;
 padding-right     : 4px;
 padding-top       : 3px;
 float             : left;
 line-height       : 10px;
 text-decoration   : none; 
}
ul {
 margin            : 2px;
 padding-left      : 10px;
 list-style        : none;
}

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

table.contenttoc td {
 padding            : 2px;
}

table.contenttoc th {
   color            : #666666;
   text-align        : left;
   padding-top        : 2px;
   padding-left    : 4px;
   height            : 21px;
   font-weight        : bold;
   font-size        : 10px;
   text-transform  : uppercase;
}
.pagenavcounter {
 font-size         : 10px;
 color             : #666666;
}
.pagenavbar {
 border-top        : 1px solid #999999;
 padding           : 2px;
}
.pagenav {
 font-weight       : bold;
 color             : #0066CC;
}
a.pagenav:link, a.pagenav:visited {
 text-decoration   : none;
}
a.pagenav:hover {
 text-decoration   : none;
}
.date {
 font-size         : 10px;
 color             : #8BACDA;
 padding-top        : 1px;
}
.small {
 font-size         : 10px;
 color             : #666666;
}
.postedby {
 font-size         : 10px;
 color             : #CCCCCC;
}
.smalldark {
 font-size         : 10px;
 color             : #666666;
}
.createdate, .modifydate {
 font-size         : 10px;
 color             : #CCCCCC;
}
.content_vote {
 font-size         : 10px;
 height            : 22px;
 padding-top       : 2px;
 padding-bottom    : 2px;
}
.content_rating {
 font-size         : 10px;
 color             : #666666;

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

}
a.pathway:link, a.pathway:visited {
 font-size         : 10px;
 color                : #FF9900;
 height            : 10px;

}
a.pathway:hover {
 font-size         : 10px;
 color             : #FFCC00;
 height            : 10px;
}
table.content{
 width             : 100%;
 padding           : 5px;
 border-collapse   : collapse;
 border-spacing    : 0px;
 margin-bottom     : 10px;
}
table.contentpane {
 width             : 100%;
 padding             : 5px;
 border-spacing    : 0px;
 margin-bottom     : 5px;
}
table.contentpaneopen {
 width             : 100%;
 padding-left      : 5px;
 padding-right     : 5px;
 border-spacing    : 0px;
 margin-bottom     : 5px;
}
.contentpane {
 margin            : 5px;
 }
.pollstableborder{
 border-color      : #666666;
}
.contentheading {
 font-family       : Arial, Helvetica, sans-serif;
 font-size         : 16px;
 font-weight       : bold;
 font-style        : inherit;
 text-transform    : uppercase;
 text-align        : left;
 color             : #1A4A88;
 width             : 100%;
}
.componentheading {
 font-family       : Arial, Helvetica, sans-serif;
 font-size         : 16px;
 font-weight       : bold;
 text-transform    : uppercase;
 text-align        : left;
 line-height       : 21px;
 color             : #1A4A88;
 width             : 100%;
}
.contentpagetitle {
 font-family       : Arial, Helvetica, sans-serif;
 font-size         : 16px;
 font-weight       : bold;
 text-transform    : uppercase;
 text-align        : left;
 color             : #1A4A88;
 width             : 100%;
 }
a.contentpagetitle:link, a.contentpagetitle:visited {
 font-size         : 16px;
 color             : #1A4A88;
 text-decoration   : none;
 font-weight       : bold;
}
a.contentpagetitle:hover {
 font-size         : 16px;
 color             : #0066FF;
 text-decoration   : none;
 font-weight       : bold;
}
.title {
 font-family       : Arial, Verdana, Geneva,  Helvetica, sans-serif;
 font-weight       : bold;
 text-transform    : uppercase;
 font-size         : 20px;
 text-align        : left;
 color             : #FFFFFF;
}
.footer {
 font-family       : Verdana, Geneva, Arial, Helvetica, sans-serif;
 color             : #888888;
 font-size         : 12px;
 font-weight       : normal;
}
.footer a:link, .footer a:visited {
 font-size         : 12px;
 color             : #888888;
 text-decoration   : none;
 font-weight       : normal;
}
.footer a:hover {
 font-size         : 12px;
 color             : #FFF;
 text-decoration   : none;
 font-weight       : normal;
}
.search{
   position        : absolute;
   top                : 5px;
   right            : 55px;
   z-index            : 101;
}
#mod_search_searchword {
   font-size        : 10px;
   margin            : 1px;
   width            : 80px;
   border            : 1px solid #3588c3;
   background-color:#f2ffff;
   }
#mod_search_searchword .inputbox {
   font-size        : 10px;
   padding            : 4px;
   height            : 10px;
   }
.highlight {
 background-color    : #FFFF00;
}
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;
 text-transform    : normal;
 font-size            : 10px;
 border-top        : 1px solid #cccccc;
}
#pagecell1{
   position        :absolute;
   top                : 216px;
   left            : 2%;
   right            : 2%;
   width            : 95.6%;
   min-width        : 964px;
   background-color: #FFFFFF;
   background-image: url(../images/cell_back.jpg);
   background-repeat: repeat-x;
   border-left        : 1px solid #EEEEEE;
   border-right    : 1px solid #EEEEEE;
}
#tl {
   position        : absolute;
   top                : -1px;
   left            : -1px;
   margin            : 0px;
   padding            : 0px;
   z-index            : 100;
}
#tr {
   position        : absolute;
   top                : -1px;
   right            : -1px;
   margin            : 0px;
   padding            : 0px;
   z-index            : 100;
}
#masthead{
   position        : absolute;
   top                : 0px;
   left            : 2%;
   right            : 2%;
   width            : 95.6%;
}
#content{
   padding            : 0px 10px 0px 0px;
   margin            : 0px 198px 0px 0px;
   border-right    : 1px solid #EEEEEE;
}
#siteName{
   margin            : 0px;
   padding            : 16px 0px 8px 0px;
   color            : #ffffff;
   font-weight        : normal;
}
#utility{
   position        : absolute;
   float            : right;
   top                : 16px;
   right            : 0px;
   color            : #919999;
}
#pageName h2{
   font            : bold 175% Arial,sans-serif;
   color            : #000000;
   margin            : 0px;
   padding            : 0px;
}
#pageName img{
   position        : absolute;
   top                : 0px;
   right            : 6px;
   padding            : 0px;
   margin            : 0px;

}
#globalHead {
   position        : relative;
   width            : 100%;
   min-width        : 964px;
   height            : 149px;
   color            : #0066CC;
   padding            : 0px;
   margin            : 0px;
   background-image: url(../images/head_background.jpg);
}
#globalGrey{
   position        : absolute;
   height            : 149px;
   width            : 500px;
   padding            : 0px;
   margin            : 0px;
   left            : 7px;
   z-index            : 100;
   background-image: url(../images/logo.jpg);
}
#globalInfo{
   position        : relative;
   width            : 100%;
   min-width        : 964px;
   height            : 20px;
   color            : #0066CC;
   padding            : 0px;
   margin            : 0px;
}
#globalPath{
   font-size        : 10px;
   position        : absolute;
   line-height        : 20px;
   height            : 20px;
   width            : 600px;
   left            : 60px;
   z-index            : 100;
}
#globalDate{
   font-size        : 10px;
   line-height        : 20px;
   height            : 20px;
   position        : absolute;
   top                : 0px;
   right            : 60px;
   z-index            : 101;
}
#yourImage{
   position        : absolute;
   top                : 0px;
   right            : 10px;
   z-index            : 101;
}
#navBar{
   float            : left;
   width            : 20%;
   margin            : 0px;
   padding            : 0px;
   background-color: #eeeeee;
   border-right    : 1px solid #cccccc;
   border-bottom    : 1px solid #cccccc;
}
#globalNav{
   position        : relative;
   width            : 100%;
   min-width        : 964px;
   height            : 32px;
   color            : #FFFFFF;
   padding            : 0px 0px 0px 0px;
   margin            : 0px;
   background-image: url(../images/gblnav_background.jpg);

}
#globalNav img{
   margin-bottom    : -4px;
   padding            : 0px 0px 0px 0px;
}
#gnl {
   position        : absolute;
   top                : 0px;
   left            : 0px;
}
#gnr {
   position        : absolute;
   top                : 0px;
   right            : 0px;
}
#globalLink{
   position        : absolute;
   top                : 1px;
   height            : 30px;
   min-width        : 760px;
   padding            : 0px 0px 0px 50px;
   margin            : 0px;
   left            : 10px;
   z-index            : 100;
}
.story {
   padding            : 10px 0px 0px 10px;
}
.story p {
   padding            : 0px 0px 10px 0px;
}
td.storyLeft{
   padding-right    : 12px;
}
#siteInfo{
   font-size        : 10px;
   clear            : both;
   border-top        : 1px solid #EEEEEE;
   color            : #FFffff;
   padding            : 10px 10px 10px 10px;
   margin-top        : 0px;
}
#siteTop{
   position        : absolute;
   right            : 10px;
   bottom            : 10px;
   margin-top        : 0px;
}
ul#mainlevel-nav {
 float                : right;
 list-style        : none;
 padding            : 0;
 margin            : 0;
 font-size            : 11px;
 font-weight         : normal;
}
ul#mainlevel-nav li {
 background-image    : none;
 padding-left        : 0px;
 padding-right        : 0px;
 float                : right;
 margin            : 0;
 font-size            : 11px;
 line-height        : 18px;
 white-space        : nowrap;
 border-right        : 1px solid #999999;
 font-weight         : normal;

}
ul#mainlevel-nav li a {
 display            : block;
 padding-left        : 15px;
 padding-right        : 15px;
 text-decoration    : none;
 color                : #666666;
 background        : transparent;
 font-weight         : normal;

}
ul#mainlevel-nav li a:hover {
 color                : #FF9900;
}
#navcontainer {
 font-family       : Arial, Helvetica, sans-serif;
 font-size         : 12px;
 margin            : 0px 0px 0px 0px;
 padding           : 0px 0px 0px 0px;
 width             : auto;
 height            : 30px;
}
#navlist {
 margin            : 0px;
 padding           : 0px 0px 0px 0px;
}
#navlist ul, #navlist li {
 display           : inline;
 list-style-type   : none;
}
#navlist a:link, #navlist a:visited {
 border-right      : 1px solid #EEEEEE;
 padding           : 5px 10px 5px 10px;
 float             : left;
 font-weight       : bold;
 line-height       : 19px;
 margin            : 0px;
 text-decoration   : none;
 color             : #ffffff;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
 color             : #e20007;
}
#navlist a:hover {
 color             : #00c700;
}
#subbox {
 font-family       : Arial, Helvetica, sans-serif;
 font-size         : 11px;
 height            : 25px;
 width             : auto;
}
#subnavlist {
 margin            : 0px;
 padding           : 0px;
}
#subnavlist ul, #subnavlist li {
 margin            : 0px;
 padding           : 0px;
 display           : inline;
 list-style-type    : none;
}
#subnavlist a:link, #subnavlist a:visited {
 float             : left;
 font-weight       : normal;
 line-height       : 16px;
 padding           : 0px 0px 0px 18px;
 text-decoration   : none;
 color             : #666666;
 background        : url(../images/line.gif) no-repeat 9px 3px;
}
#subnavlist a:link#subcurrent, #subnavlist a:visited#subcurrent, #subnavlist a:hover {
 color             : #0066FF;
}

index.php

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );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>

<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php include($GLOBALS['mosConfig_absolute_path']."/templates/247clean/splitmenu.php"); ?>
<?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]/<?php echo $mosConfig_live_site;?>/templates/247clean/images/favicon.ico\" />" ; ?>
<link rel="alternate" title="<?php echo $mosConfig_sitename; ?>" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/index2.php?option=com_rss&no_html=1" type="application/rss+xml" />

<?PHP
// Image Changer 
// image and site ID`s 
//$image1 = array(1,2,3,8,9,10,15,18,19);
//$image2 = array(4,5,6,7,11,12,13,14,20,21);
//$image3 = array(17,22,23,24,25,26,27,28,29,30);
// $image4 = array(17,22,23,24,25,26,27,28,29,30);
// $image5 = array(17,22,23,24,25,26,27,28,29,30);
// $image6 = array(17,22,23,24,25,26,27,28,29,30);
// $image7 = array(17,22,23,24,25,26,27,28,29,30);
// etc.

srand((float) microtime() * 10000000);

for($i=1;$i<=90;$i++){  
 $image[$i]='random_header/'.$i.'.jpg';
 }
 $rn = array_rand($image);

$header= $image[$rn];  


  //$i=date("w");
  //if($i=="0"){
  //$header="4400.jpg";
   //$j = date("H");
       /*switch($j){ 
           case 19:
               $header="head01.jpg";
               break;
           case 20:
               $header="head02.jpg";
               break;
        }*/
  //}

// looking for images
//$header="head.jpg";
//if (in_array($Itemid, $image1)) $header="head.jpg";
//if (in_array($Itemid, $image2)) $header="head01.jpg";
//if (in_array($Itemid, $image3)) $header="head02.jpg";
// if (in_array($Itemid, $image4)) $header="head04.jpg";
// if (in_array($Itemid, $image5)) $header="head05.jpg";
// if (in_array($Itemid, $image6)) $header="head06.jpg";
// if (in_array($Itemid, $image7)) $header="head07.jpg";
// etc.
?>

<?php
if($my->gid < 2){
?>
<script language="Javascript" src="<?php echo $mosConfig_live_site;?>/includes/js/overlib_mini.js"></script>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:10000;"></div>
<?php
}
?>
</head>

 <h1 id="siteName" class="title"> </h1>
 <body background="<?php echo $mosConfig_live_site;?>/templates/247clean/images/bg_grad.jpg" style="background-repeat:repeat-x;" >
 <div id="container">
<div id="masthead">

<div id="globalHead"> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/head_left.jpg" height="149" width="9" id="gnl" /> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/head_right.jpg" height="149" width="9" id="gnr" />
   <div id="globalGrey"><a href="index.php"><img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/logo.jpg" height="149" width="500"/></a></div>
   <div id="yourImage">   
     <?PHP echo ("<img src=".$mosConfig_live_site."/templates/247clean/images/".$header.">")?></div>
 </div>
<div id="utility"><?php mosLoadModules ( 'top' ); ?></div>
 <div id="globalNav"> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/gblnav_left.jpg" height="32" width="55" id="gnl" /> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/gblnav_right.jpg" height="32" width="80" id="gnr" />
   <div id="globalLink"><?php echo $mycssPSPLITmenu_content; ?></div>
     <?php if (mosCountModules('user4')) { ?><div id="search">
     <?php mosLoadModules ( 'user4' ); ?>                  
   </div><?php } ?>
 </div>
 <div id="globalInfo"> <img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/space.gif" alt="" name="gnl" width="7" height="20" id="gnl" /> <img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/space.gif" alt="" name="gnr" width="7" height="20" id="gnr" />
 <div id="globalPath"><?php mosPathWay(); ?></div>
   <div id="globalDate"><?php echo mosCurrentDate(); ?></div>
 </div>



</div>
<div id="pagecell1">
 <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/tr_curve_white.gif" height="6" width="6" id="tr" />
 <div id="pageTop">
   <table width="100%"  border="0" cellspacing="0" cellpadding="0" style="padding-left: 0px; padding-right: 0px;">
     <tr>
       <td><table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
           <tr>
             <td valign="top" style="border-right: 1px solid #EEEEEE;"><?php if (mosCountModules('left')) { ?>
                 <table width="145"  border="0" cellpadding="0" cellspacing="0">
                   <tr>
                     <td style="padding:3px;"><?php mosLoadModules ( 'left' ); ?></td>
                   </tr>
                 </table>
               <?php } ?></td>
             <td style="padding-left: 5px; padding-right: 5px; padding-top:5px; border-left: 1px solid #FFF; border-right: 1px solid #FFF;" width="100%" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                 <tr valign="top">
                   <?php if (mosCountModules('newsflash')) { ?>
                   <td colspan="3"><div>
                     <?php mosLoadModules ( 'newsflash' ); ?>
                   </div></td>
                   <?php } ?>
                 </tr>
                 <tr>
                   <?php if (mosCountModules('user2')) { ?>
                   <td valign="top"><div style="padding-bottom: 5px;">
                       <?php mosLoadModules ( 'user2' ); ?>
                   </div></td>
                   <td width="2" valign="top"><?php } ?>
                       <?php if (mosCountModules('user3')) { ?>                    </td>
                   <td valign="top"><div style="padding-bottom: 5px;">
                       <?php mosLoadModules ( 'user3' ); ?>
                   </div></td>
                   <?php } ?>
                 </tr>
                 <tr>
                   <td height="4" colspan="3"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td><img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/space.gif"  width="100" height="4" /></td>
                       </tr>
                   </table></td>
                 </tr>
                 <tr align="left" valign="top">
                   <td colspan="3"><?php mosMainBody(); ?></td>
                 </tr>
                 <tr>
                   <td colspan="3"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td><img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/space.gif"  width="100" height="4" /></td>
                       </tr>
                   </table></td>
                 </tr>
                 <tr valign="top">
                   <?php if (mosCountModules('bottom')) { ?>
                   <td colspan="3"><div>
                       <?php mosLoadModules ( 'bottom' ); ?>
                   </div></td>
                   <?php } ?>
                 </tr>
             </table></td>
             <td valign="top" style="border-left: 1px solid #EEEEEE;"><?php if (mosCountModules('right')) { ?>
                 <table width="145"  border="0" cellpadding="0" cellspacing="0">
                   <tr>
                     <td style="padding: 5px;"><?php mosLoadModules ( 'right' ); ?></td>
                   </tr>
                 </table>
               <?php } ?></td>
           </tr>
       </table></td>
     </tr>
   </table>
 </div>
<div id="siteInfo"><a href="http://www.mamboteam.com" target="_blank" style="font-size:10px; color:#CCCCCC;"> Umsetzung Mamboteam.com</a> | <a href="http://www.mambopixel.com" target="_blank" style="font-size:10px; color:#CCCCCC;">Powered by Mambopixel.com </a> |
 <div id="siteTop"><a href="#">Top</a></div>
</div>
</div>
</div>
</body>
</html>

Il sito è questo: http://www.italiansubs.net/joomla/joomla/

Share this post


Link to post
Share on other sites

Una soluzione semplicissima è includere tutto il template in un div chiamato centratodiv in questo caso, se non lo è già e inserire questo:

#centratodiv{
width:890px; 
margin:0 auto;
} 

 

e al body mettere

body{
margin: 0px;
padding: 0px;
}

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this  

×